Nice Progressbar
Basic Example
Default progress bar.
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%
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
.