Progress Bars

Attributes	Description
Title	Title of the Progress Bars
Bars | Title	Title of the Progress Bars item
Bars | Value	Bar value in percent, from 0 to 100
Bars | Size	Bar size in px, default: 20
Bars | Color (optional)	Color of the bar. Use color name, hex or rgba, e.g.: grey, #626262 or rgba(98, 98, 98, 1)
Bars | Add new	Add new Progress Bars item
Content	Content placed under the Progress bars
Custom | CSS classes	Type your own class for the item - this is a useful option for those who want to create a special style. For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class: .my-class-big-font { font-size:150% !important; font-weight:bold; }

Default code:

[progress_bars title=""][bar title="Bar1" value="50" size="20" color=""][/progress_bars]

Attributes	Description
title	Title of the Progress Bars
value	Bar value in percent, from 0 to 100
size	Bar size in px, default: 20
color	Color of the bar. Use color name, hex or rgba, e.g.: grey, #626262 or rgba(98, 98, 98, 1). This attribute is optional

Example of this shortcode below:

[progress_bars title=""]
[bar title="Aenean fermen" value="60"]
[bar title="Quisque lorem" value="47" size="10" color="#626262"]
[/progress_bars]