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

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

Premium Features

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur imperdiet hendrerit volutpat. Sed in nunc nec ligula consectetur mollis in vel justo. Vestibulum ante ipsum primis in faucibus orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur imperdiet hendrerit volutpat. Sed in nunc nec ligula consectetur mollis in vel justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent scelerisque volutpat turpis, eu hendrerit enim scel. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent scelerisque volutpat turpis, eu hendrerit enim scel.

device