Progress bars and Skill meter

Home / Shortcodes / Progress bars and Skill meter

Progress bars. Beautiful & customizable.

All progress bars are customizable. Change color, thickness and size of each bar. 3 type of bars. With percentage, with custom text and with icon inside. Animated contents are available.

Chart with icon
Chart with icon
60%
Chart with Percentage
CUSTOM TEXT
Chart with icon

Diagram progress bar

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut vitae nulla in dui ullamcorper molestie ac at eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Nulla non semper enim, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer et lacus sit amet ante ornare adipiscing sed in ligula. Donec scelerisque quis risus in suscipit. Nam quis mi in lorem egestas ultricies. Aenean aliquam quam ut ante feugiat pulvinar.

Ut vitae nulla in dui ullamcorper molestie ac at eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Nulla non semper enim, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer et lacus sit amet ante ornare adipiscing sed in ligula. Donec scelerisque quis risus in suscipit. Nam quis mi in lorem egestas ultricies. Aenean aliquam quam ut ante feugiat pulvinar.

 

PHOTOSHOP
90%
ILLUSTRATOR
80%
JAVASCRIPT
70%
HTML
60%
AFTER EFFECT
50%
COPYWRITING
40%
DROPBOX
30%
PHP
20%
MEDIA
10%
OS
5%

Skill bars

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut vitae nulla in dui ullamcorper molestie ac at eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Nulla non semper enim, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer et lacus sit amet ante ornare adipiscing sed in ligula. Donec scelerisque quis risus in suscipit. Nam quis mi in lorem egestas ultricies. Aenean aliquam quam ut ante feugiat pulvinar.

Ut vitae nulla in dui ullamcorper molestie ac at eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Nulla non semper enim, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer et lacus sit amet ante ornare adipiscing sed in ligula. Donec scelerisque quis risus in suscipit. Nam quis mi in lorem egestas ultricies. Aenean aliquam quam ut ante feugiat pulvinar.