Progress Bars

Unlimited Colors
[vc_separator type="transparent" position="center" up="18"]
[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

[vc_separator type="transparent" position="center" up="0" down="0"]
Font Awesome Icons
[vc_separator type="transparent" position="center" up="28"]
New Team Members
[vc_separator type="transparent" position="center" up="1" down="3"][progress_bar_icon type= »normal » icon= »fa-male » size= »medium » icons_number= »9″ active_number= »5″ custom_size= »40″]
Cars Owned
[vc_separator type="transparent" position="center" up="1" down="3"][progress_bar_icon type= »normal » icon= »fa-truck » size= »medium » icons_number= »9″ active_number= »3″ custom_size= »40″ border_color= »transparent »]
Inovative Ideas
[vc_separator type="transparent" position="center" up="1" down="3"][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
[vc_separator type="transparent" position="center" up="3" down="3"][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

[vc_separator type="transparent" position="center" up="0" down="0"]
Animated Elements
[vc_separator type="transparent" position="center" up="28"]
[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″]
[vc_separator type="transparent" position="center" up="12" down="10"]
[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

[vc_separator type="transparent" position="center" up="0" down="0"]
Infographics
[vc_separator type="transparent" position="center" up="28"]
[counter type= »zero » box= »yes » position= »center » separator= »yes » box_border_color= »#e8e8e8″ digit= »514″ text= »Count from zero to desired number »][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »zero » box= »yes » position= »center » separator= »yes » digit= »8652″ text= »Count from zero to desired number »][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »zero » box= »yes » position= »center » separator= »yes » digit= »322″ text= »Count from zero to desired number »][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »zero » box= »yes » position= »center » separator= »yes » box_border_color= »#e8e8e8″ digit= »465″ text= »Count from zero to desired number »][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »zero » box= »no » position= »center » separator= »yes » box_border_color= »#e8e8e8″ digit= »6832″ text= »Lines of code » font_color= »#777777″][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »zero » box= »no » position= »center » separator= »yes » digit= »683″ text= »Cups of coffee » font_color= »#777777″][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »zero » box= »no » position= »center » separator= »yes » digit= »53″ text= »Finished projects » font_color= »#777777″][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »zero » box= »no » position= »center » separator= »yes » box_border_color= »#e8e8e8″ digit= »4921″ text= »Custom counters » font_color= »#777777″][vc_separator type="transparent" position="center" up="29" down="20"]

Random Counters

[vc_separator type="transparent" position="center" up="0" down="0"]
Infographics
[vc_separator type="transparent" position="center" up="28"]
[counter type= »random » box= »yes » position= »center » separator= »yes » box_border_color= »#e8e8e8″ digit= »462″ text= »Count to desired number »][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »random » box= »yes » position= »center » separator= »yes » digit= »378″ text= »Count to desired number »][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »random » box= »yes » position= »center » separator= »yes » digit= »98″ text= »Count to desired number »][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »random » box= »yes » position= »center » separator= »yes » box_border_color= »#e8e8e8″ digit= »743″ text= »Count to desired number »][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »random » box= »no » position= »center » separator= »yes » box_border_color= »#e8e8e8″ digit= »3572″ text= »Lines of code » font_color= »#777777″][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »random » box= »no » position= »center » separator= »yes » digit= »468″ text= »Cups of coffee » font_color= »#777777″][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »random » box= »no » position= »center » separator= »yes » digit= »86″ text= »Finished projects » font_color= »#777777″][vc_separator type="transparent" position="center" up="29" down="20"]
[counter type= »random » box= »no » position= »center » separator= »yes » box_border_color= »#e8e8e8″ digit= »945″ text= »Custom counters » font_color= »#777777″][vc_separator type="transparent" position="center" up="29" down="20"]

Vertical Progress Bars

[vc_separator type="transparent" position="center" up="0" down="0"]
Inovative Design
[vc_separator type="transparent" position="center" up="28"]
[progress_bar_vertical title= »Web Design » percent= »95″ text= »Put some content here »][vc_separator type="transparent" position="center" up="20" down="19"]
[progress_bar_vertical title= »Development » percent= »72″ text= »Put some content here »][vc_separator type="transparent" position="center" up="20" down="19"]
[progress_bar_vertical title= »Identity » percent= »45″ text= »Put some content here »][vc_separator type="transparent" position="center" up="20" down="19"]
[progress_bar_vertical title= »Social Strategy » percent= »15″ text= »Put some content here »][vc_separator type="transparent" position="center" up="20" down="19"]
[progress_bar_vertical title= »Web Design » percent= »68″ text= »Put some content here »][vc_separator type="transparent" position="center" up="20" down="19"]
[progress_bar_vertical title= »Qode Themes » percent= »100″ text= »Put some content here »][vc_separator type="transparent" position="center" up="20" down="19"]

Line Graphs

[vc_separator type="transparent" position="center" up="0" down="0"]
Animated Sliders
[vc_separator type="transparent" position="center" up="28"]
[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]
[vc_separator type="transparent" position="center" up="30" down="20"]
[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

[vc_separator type="transparent" position="center" up="0" down="0"]
Responsive
[vc_separator type="transparent" position="center" up="28"]
[pie_chart2 width= »200″ height= »200″]45,#00aeef,Legend One; 75,#4cc6f4,Legend Two; 60,#99dff9,Legend Three[/pie_chart2][vc_separator type="transparent" position="center" up="29" down="0"]
[pie_chart2 width= »200″ height= »200″]25,#00aeef,Legend One; 10,#4cc6f4,Legend Two; 80,#99dff9,Legend Three[/pie_chart2][vc_separator type="transparent" position="center" up="29" down="0"]

Doughnut

[vc_separator type="transparent" position="center" up="0" down="0"]
Infographics
[vc_separator type="transparent" position="center" up="28"]
[pie_chart3 width= »200″ height= »200″]55,#00aeef,Legend One; 25,#4cc6f4,Legend Two; 80,#99dff9,Legend Three[/pie_chart3][vc_separator type="transparent" position="center" up="29" down="0"]
[pie_chart3 width= »200″ height= »200″]10,#00aeef,Legend One; 10,#4cc6f4,Legend Two; 80,#99dff9,Legend Three[/pie_chart3][vc_separator type="transparent" position="center" up="29" down="0"]

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée Champs requis marqués avec *

Publier des commentaires