Infographics

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]

Leave a Reply