Linear Bars

Create attractive progress bars with ease, control the bar percentage by editing a single data attribute.

Horizontal Thick

[pillar_skill_bar_block title=»Amenity» amount=»45″][pillar_skill_bar_block title=»Transport» amount=»75″][pillar_skill_bar_block title=»Nightlife» amount=»65″][pillar_skill_bar_block title=»Safety» amount=»95″]

Horizontal Thin

[pillar_skill_bar_block layout=»horizontal-thin» title=»Amenity» amount=»45″][pillar_skill_bar_block layout=»horizontal-thin» title=»Transport» amount=»75″][pillar_skill_bar_block layout=»horizontal-thin» title=»Nightlife» amount=»65″][pillar_skill_bar_block layout=»horizontal-thin» title=»Safety» amount=»95″]

Vertical Thick

[pillar_skill_bar_block layout=»vertical-thick» title=»Amenity» amount=»45″][pillar_skill_bar_block layout=»vertical-thick» title=»Transport» amount=»75″][pillar_skill_bar_block layout=»vertical-thick» title=»Nightlife» amount=»65″][pillar_skill_bar_block layout=»vertical-thick» title=»Safety» amount=»95″]

Vertical Thin

[pillar_skill_bar_block layout=»vertical-thin» title=»Amenity» amount=»45″][pillar_skill_bar_block layout=»vertical-thin» title=»Transport» amount=»75″][pillar_skill_bar_block layout=»vertical-thin» title=»Nightlife» amount=»65″][pillar_skill_bar_block layout=»vertical-thin» title=»Safety» amount=»95″]

Visual Composer Progress Bars

Desarrollo 90%
Diseño 80%
Marketing 70%

Visual Composer Striped Progress Bars

Desarrollo 90%
Diseño 80%
Marketing 70%