cvn

PROGRESSBAR

We are Small Team of Creative People working together

Default Progress bars
<div class="progress">
<div class="progress-bar bg-danger " role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:50%; height:6px;"> <span class="sr-only">50% Complete</span></div>
</div>
60% Complete
Default Progress bars
<div class="progress">
<div class="progress-bar bg-success" role="progressbar" style="width: 75%;height:15px;" role="progressbar""> 75% </div>
</div>
75%
Striped Progress bar
<div class="progress">
<div class="progress-bar bg-info progress-bar-striped" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width:85%;height:10px;"> <span class="sr-only">85% Complete</span></div>
</div>
85% Complete (success)
Colored bars
you can create any colors you want
60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
Different bar sizes
you can create any size you want just give height to bar
60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
Animated Striped bar
You can also use animated bar by just putting active class
60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
Vertical Progress bars
You can also use progress-vertical class
60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
From bottom
You can also use progress-vertical-bottom class
60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
Different size Progress bars
You can also use progress-vertical class
60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
Animated bars
you can create animated bar if you want just put wow animated progress-animated
60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
60% Complete
Skill Bars
you can create animated skill bar if you want just put wow animated progress-animated
Photoshop85%
60% Complete
Code editor90%
60% Complete
Illustrator65%
60% Complete
Dreamweaver85%
60% Complete
Coral Draw45%
60% Complete
Sketch25%
60% Complete