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]