Radial Bars

Pillar features a number of radial bar styles suited to a range of purposes. Bar percentage is controlled easily via one data attribute.

Percentage Radials

[pillar_skill_bar_block layout=”percentage-radial” title=”Amenity” amount=”90″]
[pillar_skill_bar_block layout=”percentage-radial” title=”Transport” amount=”60″]
[pillar_skill_bar_block layout=”percentage-radial” title=”Nightlife” amount=”30″]
[pillar_skill_bar_block layout=”percentage-radial” title=”Safety” amount=”75″]

Titled Radials

[pillar_skill_bar_block layout=”titled-radial” title=”Amenity” amount=”90″]
[pillar_skill_bar_block layout=”titled-radial” title=”Transport” amount=”60″]
[pillar_skill_bar_block layout=”titled-radial” title=”Nightlife” amount=”30″]
[pillar_skill_bar_block layout=”titled-radial” title=”Safety” amount=”75″]

Process Radials

[pillar_skill_bar_block layout=”process-radial” title=”Amenity” amount=”90″]
[pillar_skill_bar_block layout=”process-radial” title=”Transport” amount=”60″]
[pillar_skill_bar_block layout=”process-radial” title=”Nightlife” amount=”30″]
[pillar_skill_bar_block layout=”process-radial” title=”Safety” amount=”75″]
Top