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
Variations
Nice Progressbar

Basic Example

Default progress bar.

25%

Contextual alternatives

Progress bars use some of the same button and alert classes for consistent styles.

Striped example

Uses a gradient to create a striped effect.

Size example

We only set a height value on the .progress, so if you change that value the inner .progress-bar will automatically resize accordingly.

Progressbar Vertical

Use class .progress-vertical.

Progressbar Vertical Bottom

Use class .progress-vertical-bottom.