[spb_text_block title= »Charts – Large » pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/1″ el_position= »first last »]
[one_fourth]
[chart percentage=’80’ size=’170′ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’fa-bar-chart-o’ align=’left’]
With Font Awesome icon.
[/one_fourth]
[one_fourth]
[chart percentage=’70’ size=’170′ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’70%’ align=’left’]
With percentage.
[/one_fourth]
[one_fourth]
[chart percentage=’60’ size=’170′ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’6/10′ align=’left’]
With « out of 10 » rating.
[/one_fourth]
[one_fourth_last]
[chart percentage=’100′ size=’170′ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’Text’ align=’left’]
With text.
[/one_fourth_last]
[/spb_text_block] [codesnippet pb_margin_bottom= »yes » width= »1/4″ el_position= »first »]
[[chart percentage=’80’ size=’170′ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’fa-bar-chart-o’ align=’left’]]
[/codesnippet] [codesnippet pb_margin_bottom= »yes » width= »1/4″]
[[chart percentage=’70’ size=’170′ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’70%’ align=’left’]]
[/codesnippet] [codesnippet pb_margin_bottom= »yes » width= »1/4″]
[[chart percentage=’60’ size=’170′ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’6/10′ align=’left’]]
[/codesnippet] [codesnippet pb_margin_bottom= »yes » width= »1/4″ el_position= »last »]
[[chart percentage=’100′ size=’170′ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’Text’ align=’left’]]
[/codesnippet] [blank_spacer height= »30px » width= »1/1″ el_position= »first last »] [spb_text_block title= »Charts – Standard » pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/2″ el_position= »first »]
[one_fourth]
[chart percentage=’80’ size=’70’ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’fa-bar-chart-o’ align=’left’]
[/one_fourth]
[one_fourth]
[chart percentage=’70’ size=’70’ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’70%’ align=’left’]
[/one_fourth]
[one_fourth]
[chart percentage=’60’ size=’70’ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’6/10′ align=’left’]
[/one_fourth]
[one_fourth_last]
[chart percentage=’100′ size=’70’ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’Text’ align=’left’]
[/one_fourth_last]
[/spb_text_block] [spb_text_block title= »Use any color you like! » pb_margin_bottom= »no » pb_border_bottom= »no » width= »1/2″ el_position= »last »]
[one_fourth]
[chart percentage=’80’ size=’70’ barcolour=’#222222′ trackcolour=’#b8b0a7′ content=’fa-bar-chart-o’ 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]
[/spb_text_block] [codesnippet pb_margin_bottom= »yes » width= »1/1″ el_position= »first last »]
[[chart percentage=’80’ size=’70’ barcolour=’#1bbeb4′ trackcolour=’#baebe8′ content=’fa-bar-chart-o’ align=’left’]]
[/codesnippet] [blank_spacer height= »30px » width= »1/1″ el_position= »first last »] [spb_text_block title= »Progress Bars » pb_margin_bottom= »no » pb_border_bottom= »no » 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= » »]
[/spb_text_block] [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] [spb_text_block pb_margin_bottom= »no » pb_border_bottom= »no » 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″]
[/spb_text_block] [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]
