Cubic Admin Template

Default Progress bars

<div class="progress">
<div class="progress-bar progress-bar-danger " role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:50%;"> <span class="sr-only">50% Complete</span></div>
</div>

Default Progress bars

<div class="progress progress-lg">
<div class="progress-bar progress-bar-success" role="progressbar" style="width: 75%; role="progressbar""> 75% </div>
</div>

75%

Striped

<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width:85%;"> <span class="sr-only">85% Complete</span></div>
</div>

Colored bars

You can give bootstrap colors to progress bars

All size Bars

Size whatever you want just add class progress sm, md, lg

Animated Bars

You can also use animated bar by just putting active class

Default Progress bars

Default Progress bars

Striped

Colored bars

All size Bars

Animated Bars

Vertical Progress bars

From bottom

Striped

Vertical Progress bars

Animated Progress bars

Stacked Progress bars

Skill bars

Photoshop85%

Dreamweaver80%

Illustrator70%

Corel Draw45%

Pavan kumar

Sonu Nigam

Arijit Sinh

Pavan kumar

Default Progress bars

Default Progress bars

Striped

Colored bars

All size Bars

Animated Bars

Vertical Progress bars

From bottom

Striped

Vertical Progress bars

Animated Progress bars

Stacked Progress bars

Skill bars

Photoshop85%

Dreamweaver80%

Illustrator70%

Corel Draw45%