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=”#9ae40a” active_border_color=”#93cd23″][progress_bar title=”Web Development” percent=”90″ active_background_color=”#9ae40a” active_border_color=”#93cd23″][progress_bar title=”Identity” percent=”100″ active_background_color=”#9ae40a” active_border_color=”#93cd23″][progress_bar title=”Social Strategy” percent=”75″ active_background_color=”#9ae40a” active_border_color=”#93cd23″]

Icon Progress Bars

Font Awesome Icons
New Team Members
[progress_bar_icon type=”normal” icon=”fa-male” size=”medium” icons_number=”9″ active_number=”5″ custom_size=”40″]
Cars Owned
[progress_bar_icon type=”normal” icon=”fa-truck” size=”medium” icons_number=”9″ active_number=”3″ custom_size=”40″ border_color=”transparent”]
Inovative Ideas
[progress_bar_icon type=”normal” icon=”fa-lightbulb-o” size=”medium” icons_number=”9″ active_number=”7″ custom_size=”40″ border_color=”transparent”]
Airplane Flights
[progress_bar_icon type=”normal” icon=”fa-plane” size=”medium” icons_number=”40″ active_number=”28″ custom_size=”40″ background_active_color=”#dac893″ border_color=”transparent”]

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-3x” percent=”90″ title=”Web Design” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing” icon=”fa-eye” title_tag=”h4″]
[pie_chart_with_icon icon_size=”fa-3x” percent=”88″ title=”Graphic Design” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing” icon=”fa-wrench” title_tag=”h4″]
[pie_chart_with_icon icon_size=”fa-3x” percent=”76″ title=”Identity” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing” icon=”fa-globe” title_tag=”h4″]
[pie_chart_with_icon icon_size=”fa-3x” percent=”93″ title=”Development” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing” icon=”fa-bullseye” title_tag=”h4″]

Counters

Infographics
[counter type=”zero” box=”yes” position=”center” separator=”yes” box_border_color=”#e8e8e8″ digit=”514″ text=”Count from zero to desired number”]
[counter type=”zero” box=”yes” position=”center” separator=”yes” digit=”8652″ text=”Count from zero to desired number”]
[counter type=”zero” box=”yes” position=”center” separator=”yes” digit=”322″ text=”Count from zero to desired number”]
[counter type=”zero” box=”yes” position=”center” separator=”yes” box_border_color=”#e8e8e8″ digit=”465″ text=”Count from zero to desired number”]
[counter type=”zero” box=”no” position=”center” separator=”yes” box_border_color=”#e8e8e8″ digit=”6832″ text=”Lines of code” font_color=”#777777″]
[counter type=”zero” box=”no” position=”center” separator=”yes” digit=”683″ text=”Cups of coffee” font_color=”#777777″]
[counter type=”zero” box=”no” position=”center” separator=”yes” digit=”53″ text=”Finished projects” font_color=”#777777″]
[counter type=”zero” box=”no” position=”center” separator=”yes” box_border_color=”#e8e8e8″ digit=”4921″ text=”Custom counters” font_color=”#777777″]

Random Counters

Infographics
[counter type=”random” box=”yes” position=”center” separator=”yes” box_border_color=”#e8e8e8″ digit=”462″ text=”Count to desired number”]
[counter type=”random” box=”yes” position=”center” separator=”yes” digit=”378″ text=”Count to desired number”]
[counter type=”random” box=”yes” position=”center” separator=”yes” digit=”98″ text=”Count to desired number”]
[counter type=”random” box=”yes” position=”center” separator=”yes” box_border_color=”#e8e8e8″ digit=”743″ text=”Count to desired number”]
[counter type=”random” box=”no” position=”center” separator=”yes” box_border_color=”#e8e8e8″ digit=”3572″ text=”Lines of code” font_color=”#777777″]
[counter type=”random” box=”no” position=”center” separator=”yes” digit=”468″ text=”Cups of coffee” font_color=”#777777″]
[counter type=”random” box=”no” position=”center” separator=”yes” digit=”86″ text=”Finished projects” font_color=”#777777″]
[counter type=”random” box=”no” position=”center” separator=”yes” box_border_color=”#e8e8e8″ digit=”945″ text=”Custom counters” font_color=”#777777″]

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″]#00aeef,Legend One,40,25,50;#4cc6f4,Legend Two,40,7,20;#99dff9,Legend Three,10,80,34[/line_graph]
[line_graph type=”sharp” labels=”Label 1, Label 2, Label 3″]#00aeef,Legend One,40,20,50;#4cc6f4,Legend Two,40,7,20;#99dff9,Legend Three,10,80,34[/line_graph]

Pie Full

Responsive
[pie_chart2 width=”200″ height=”200″]45,#00aeef,Legend One; 75,#4cc6f4,Legend Two; 60,#99dff9,Legend Three[/pie_chart2]
[pie_chart2 width=”200″ height=”200″]25,#00aeef,Legend One; 10,#4cc6f4,Legend Two; 80,#99dff9,Legend Three[/pie_chart2]

Doughnut

Infographics
[pie_chart3 width=”200″ height=”200″]55,#00aeef,Legend One; 25,#4cc6f4,Legend Two; 80,#99dff9,Legend Three[/pie_chart3]
[pie_chart3 width=”200″ height=”200″]10,#00aeef,Legend One; 10,#4cc6f4,Legend Two; 80,#99dff9,Legend Three[/pie_chart3]

0 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.