Elegant Admin Template - The Ultimate Multipurpose admin template

Progressbar

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>

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>

Colored bars

you can create any colors you want

Different bar sizes

you can create any size you want just give height to bar

Animated Striped bar

You can also use animated bar by just putting `active` class

Vertical Progress bars

You can also use `progress-vertical` class

From bottom

You can also use `progress-vertical-bottom` class

Different size Progress bars

You can also use `progress-vertical` class

Animated bars

you can create animated bar if you want just put `wow animated progress-animated`

SKILL BARS

you can create animated skill bar if you want just put `wow animated progress-animated`

Progressbar

Default Progress bars

Default Progress bars

Striped Progress bar

Colored bars

you can create any colors you want

Different bar sizes

you can create any size you want just give height to bar

Animated Striped bar

You can also use animated bar by just putting `active` class

Vertical Progress bars

You can also use `progress-vertical` class

From bottom

You can also use `progress-vertical-bottom` class

Different size Progress bars

You can also use `progress-vertical` class

Animated bars

you can create animated bar if you want just put `wow animated progress-animated`

SKILL BARS

you can create animated skill bar if you want just put `wow animated progress-animated`

Photoshop85%

Code editor90%

Illustrator65%

Dreamweaver85%

Coral Draw45%

Sketch25%

Luanch Admin

Event today

Settings

Pavan kumar

Pavan kumar

Sonu Nigam

Arijit Sinh

Pavan kumar

Collapsible Group Item #1

Collapsible Group Item #2

Collapsible Group Item #3

Progressbar

Default Progress bars

Default Progress bars

Striped Progress bar

Colored bars

you can create any colors you want

Different bar sizes

you can create any size you want just give height to bar

Animated Striped bar

You can also use animated bar by just putting active class

Vertical Progress bars

You can also use progress-vertical class

From bottom

You can also use progress-vertical-bottom class

Different size Progress bars

You can also use progress-vertical class

Animated bars

you can create animated bar if you want just put wow animated progress-animated

SKILL BARS

you can create animated skill bar if you want just put wow animated progress-animated

Photoshop85%

Code editor90%

Illustrator65%

Dreamweaver85%

Coral Draw45%

Sketch25%

You can also use animated bar by just putting `active` class

You can also use `progress-vertical` class

You can also use `progress-vertical-bottom` class

You can also use `progress-vertical` class

you can create animated bar if you want just put `wow animated progress-animated`

you can create animated skill bar if you want just put `wow animated progress-animated`