[one_fourth]

[chart percentage=’80’ size=’170′ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’icon-bar-chart’ align=’left’]

With Font Awesome icon.

[/one_fourth]

[one_fourth]

[chart percentage=’70’ size=’170′ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’70%’ align=’left’]

With percentage.

[/one_fourth]

[one_fourth]

[chart percentage=’60’ size=’170′ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’6/10′ align=’left’]

With “out of 10” rating.

[/one_fourth]

[one_fourth_last]

[chart percentage=’100′ size=’170′ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’Text’ align=’left’]

With text.

[/one_fourth_last]

[codesnippet pb_margin_bottom=”yes” width=”1/4″ el_position=”first”]

[[chart percentage=’80’ size=’170′ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’icon-bar-chart’ align=’left’]]

[/codesnippet] [codesnippet pb_margin_bottom=”yes” width=”1/4″]

[[chart percentage=’70’ size=’170′ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’70%’ align=’left’]]

[/codesnippet] [codesnippet pb_margin_bottom=”yes” width=”1/4″]

[[chart percentage=’60’ size=’170′ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’6/10′ align=’left’]]

[/codesnippet] [codesnippet pb_margin_bottom=”yes” width=”1/4″ el_position=”last”]

[[chart percentage=’100′ size=’170′ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’Text’ align=’left’]]

[/codesnippet] [blank_spacer height=”30px” width=”1/1″ el_position=”first last”]

[one_fourth]

[chart percentage=’80’ size=’70’ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’icon-bar-chart’ align=’left’]

[/one_fourth]

[one_fourth]

[chart percentage=’70’ size=’70’ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’70%’ align=’left’]

[/one_fourth]

[one_fourth]

[chart percentage=’60’ size=’70’ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’6/10′ align=’left’]

[/one_fourth]

[one_fourth_last]

[chart percentage=’100′ size=’70’ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’Text’ align=’left’]

[/one_fourth_last]

[one_fourth]

[chart percentage=’80’ size=’70’ barcolour=’#222222′ trackcolour=’#b8b0a7′ content=’icon-bar-chart’ align=’left’]

[/one_fourth]

[one_fourth]

[chart percentage=’70’ size=’70’ barcolour=’#1dd22f’ trackcolour=’#a3d39c’ content=’70%’ align=’left’]

[/one_fourth]

[one_fourth]

[chart percentage=’60’ size=’70’ barcolour=’#07c1b6′ trackcolour=’#c2e0de’ content=’6/10′ align=’left’]

[/one_fourth]

[one_fourth_last]

[chart percentage=’100′ size=’70’ barcolour=’#10c4f7′ trackcolour=’#b1e6f6′ content=’Text’ align=’left’]

[/one_fourth_last]

[codesnippet pb_margin_bottom=”yes” width=”1/1″ el_position=”first last”]

[[chart percentage=’80’ size=’70’ barcolour=’#fb3c2d’ trackcolour=’#fececa’ content=’icon-bar-chart’ align=’left’]]

[/codesnippet] [blank_spacer height=”30px” width=”1/1″ el_position=”first last”]

[progress_bar percentage=”75″ name=”Standard” value=”75%” type=”” colour=””]

[progress_bar percentage=”90″ name=”Striped” value=”90%” type=”progress-striped” colour=””]

[progress_bar percentage=”85″ name=”Striped & animated” value=”85%” type=”progress-striped active” colour=””]

[codesnippet pb_margin_bottom=”yes” width=”1/1″ el_position=”first last”]

[[progress_bar percentage=”75″ name=”Standard” value=”75%” type=”” colour=””]]

[[progress_bar percentage=”90″ name=”Striped” value=”90%” type=”progress-striped” colour=””]]

[[progress_bar percentage=”85″ name=”Striped & animated” value=”85%” type=”progress-striped active” colour=””]]

[/codesnippet]

[progress_bar percentage=”70″ name=”Enter any value” value=”7/10″ type=”” colour=”#222222″]

[progress_bar percentage=”80″ name=”Choose any color” value=”80%” type=”progress-striped” colour=”#07c1b6″]

[progress_bar percentage=”60″ name=”Striped & animated” value=”text goes here” type=”progress-striped active” colour=”#10c4f7″]

[codesnippet pb_margin_bottom=”yes” width=”1/1″ el_position=”first last”]

[[progress_bar percentage=”70″ name=”Enter any value” value=”7/10″ type=”” colour=”#222222″]]

[[progress_bar percentage=”80″ name=”Choose any color” value=”80%” type=”progress-striped” colour=”#07c1b6″]]

[[progress_bar percentage=”60″ name=”Striped & animated” value=”text goes here” type=”progress-striped active” colour=”#10c4f7″]]

[/codesnippet]

Deja un comentario

Your email address will not be published. Required fields are marked *

Post comment