-
-
Messages
6-hour video course on Angular 3 min ago Google Ads: You'll get a refund soon 27 min ago New Feature: HTTP Method Selection 56 min ago The Complete JavaScript Handbook 1 hour ago New comment: top-menu Template 2 days ago 6-hour video course on Angular 3 min ago Google Ads: You'll get a refund soon 27 min ago New Feature: HTTP Method Selection 56 min ago -
Notifications
We've got something for you! Domain names expiring on Tuesday Your commissions has been sent You sold an item! Security alert for your linked Google account We've got something for you! Domain names expiring on Tuesday Your commissions has been sent You sold an item! Security alert for your linked Google account -
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%
Variations
Nice Progressbar
Basic Example
Default progress bar.
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
.