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]