Progress Bars Shortcodes

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

No Border Radius
60% Complete
Border Radius
60% Complete
Default
60% Complete

Sizes

Small
60% Complete
Default
60% Complete
Large
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

Circular Sizes

HTML/CSS
HTML/CSS

Options

HTML/CSS
HTML/CSS
HTML/CSS