Progress Bars
Unlimited Colors
[progress_bar title=»Graphic Design» percent=»60″][progress_bar title=»Web Development» percent=»90″][progress_bar title=»Identity» percent=»100″][progress_bar title=»Social Strategy» percent=»75″]
[progress_bar title=»Graphic Design» percent=»60″ active_background_color=»#dac893″][progress_bar title=»Web Development» percent=»90″ active_background_color=»#dac893″][progress_bar title=»Identity» percent=»100″ active_background_color=»#dac893″][progress_bar title=»Social Strategy» percent=»75″ active_background_color=»#dac893″]
Icon Progress Bars
Font Awesome Icons
[progress_bar_icon type=»circle» icon=»fa-male» size=»medium» icons_number=»9″ active_number=»5″ custom_size=»45″][progress_bar_icon type=»circle» icon=»fa-truck» size=»medium» icons_number=»9″ active_number=»3″ custom_size=»45″][progress_bar_icon type=»circle» icon=»fa-lightbulb-o» size=»medium» icons_number=»9″ active_number=»7″ custom_size=»45″]
[progress_bar_icon type=»circle» icon=»fa-plane» size=»medium» icons_number=»27″ active_number=»23″ custom_size=»45″ background_active_color=»#dac893″]
Infographic Pies
Animated Elements
[pie_chart percent=»88″ title=»Graphic Design» text=»Lorem ipsum dolor sit amet, consectetuer adipiscing» title_tag=»h4″]
[pie_chart percent=»76″ title=»Identity» text=»Lorem ipsum dolor sit amet, consectetuer adipiscing» title_tag=»h4″]
[pie_chart percent=»68″ title=»Social Strategy» text=»Lorem ipsum dolor sit amet, consectetuer adipiscing» title_tag=»h4″]
[pie_chart percent=»90″ title=»Web Design» text=»Lorem ipsum dolor sit amet, consectetuer adipiscing» title_tag=»h4″]
[pie_chart_with_icon icon_size=»fa-4x» percent=»90″ title=»Web Design» text=»Lorem ipsum dolor sit amet, consectetuer adipiscing» icon=»fa-eye»]
[pie_chart_with_icon icon_size=»fa-4x» percent=»88″ title=»Graphic Design» text=»Lorem ipsum dolor sit amet, consectetuer adipiscing» icon=»fa-wrench»]
[pie_chart_with_icon icon_size=»fa-4x» percent=»76″ title=»Identity» text=»Lorem ipsum dolor sit amet, consectetuer adipiscing» icon=»fa-globe»]
[pie_chart_with_icon icon_size=»fa-4x» percent=»93″ title=»Development» text=»Lorem ipsum dolor sit amet, consectetuer adipiscing» icon=»fa-bullseye»]
Counters
Infographics
[counter type=»zero» position=»center» digit=»9876″ font_size=»50″]
Code Lines
[counter type=»zero» position=»center» digit=»15487″ font_size=»50″]
Custom Counters
[counter type=»random» position=»center» digit=»8874″ font_size=»50″ font_color=»#dac893″]
Working Hours
[counter type=»random» position=»center» digit=»2874″ font_size=»50″ font_color=»#dac893″]
Projects
Vertical Progress Bars
Inovative Design
[progress_bar_vertical title=»Web Design» percent=»95″ text=»Put some content here»]
[progress_bar_vertical title=»Development» percent=»72″ text=»Put some content here»]
[progress_bar_vertical title=»Identity» percent=»45″ text=»Put some content here»]
[progress_bar_vertical title=»Social Strategy» percent=»15″ text=»Put some content here»]
[progress_bar_vertical title=»Web Design» percent=»68″ text=»Put some content here»]
[progress_bar_vertical title=»Qode Themes» percent=»100″ text=»Put some content here»]
Line Graphs
Animated Sliders
[line_graph type=»rounded» labels=»Label 1, Label 2, Label 3″]#eb005d,Legend One,40,20,50;#f57fae,Legend Two,40,7,20;#fbccdf,Legend Three,10,80,34[/line_graph]
[line_graph type=»sharp» labels=»Label 1, Label 2, Label 3″]#eb005d,Legend One,40,20,50;#f57fae,Legend Two,40,7,20;#fbccdf,Legend Three,10,80,34[/line_graph]
Pie Full
Responsive
[pie_chart2 width=»200″ height=»200″]50,#eb005d,Legend One; 25,#f57fae,Legend Two; 80,#fbccdf,Legend Three[/pie_chart2]
[pie_chart2 width=»200″ height=»200″]10,#eb005d,Legend One; 10,#f57fae,Legend Two; 80,#fbccdf,Legend Three[/pie_chart2]
Doughnut
Infographics
[pie_chart3 width=»200″ height=»200″]50,#eb005d,Legend One; 25,#f57fae,Legend Two; 80,#fbccdf,Legend Three[/pie_chart3]
[pie_chart3 width=»200″ height=»200″]10,#eb005d,Legend One; 10,#f57fae,Legend Two; 80,#fbccdf,Legend Three[/pie_chart3]