startSection('content'); ?>
  1. Bootstrap
  2. Progressbar

Default Progress bars

Default progress bar style

60% Complete

Striped Progress bar

add .progress-bar-striped to change the style

85% Complete (success)

Colored Progress bar

add bg-primary, .bg-danger, .bg-info to change the style

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
60% Complete

Different bar sizes

add bg-primary, .bg-danger, .bg-info to change the style

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete

Animated Striped bar

add bg-primary, .bg-danger, .bg-info to change the style

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete

Vertical Progress bars

add .progress-vertical to change the style

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete

Vertical Progress From bottom

add .progress-vertical to change the style

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete

Different size Progress bars

add .progress-vertical to change the style

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete

Animated bars

add .progress-vertical to change the style

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
60% Complete

SKILL BARS

add .progress-animated to change the style

Photoshop 85%
60% Complete
Code editor 90%
60% Complete
Illustrator 65%
60% Complete
stopSection(); ?> make('layout.default', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>