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

Development 90%
Design 80%
Marketing 70%

Visual Composer Striped Progress Bars

Development 90%
Design 80%
Marketing 70%
Top