Charts - Large

[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”]

Charts - Standard

[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]

Use any color you like!

[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 Bars

[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]

Start typing and press Enter to search