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