Progress Bars Elements

Check out all the progress bars options.


Default

60% Complete
60%
0%

Contextual classes

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)

Striped

40% Complete (success)

Animated

45% Complete

Border Radius

60% Complete
60% Complete
60% Complete

Sizes

60% Complete
60% Complete
60% Complete

Animated & Tooltips

HTML/CSS
100%
Design
85%
WordPress
75%
Photoshop
85%

Colors

Primary
50%
Secondary
70%
Tertiary
75%
Quaternary
40%

Circular

HTML/CSS
HTML/CSS

Sizes

HTML/CSS
HTML/CSS

Options

HTML/CSS
HTML/CSS
HTML/CSS