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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Proudly powered by Wpopal.com