Progress Bars

[vc_row][vc_column width="1/1"][section_with_title title="Progress Bars"][/vc_column][/vc_row][vc_row][vc_column width="1/2" margin_bottom_class="medium"][progress_bars style="default"][progress_bar label="Photoshop" percent="50" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Branding" percent="90" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Application" percent="75" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Interfaces" percent="33" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Ul Design" percent="82" color_style="default" bar_color_code="#0ab596" has_animate="yes"][/progress_bars][/vc_column][vc_column width="1/2" margin_bottom_class="medium"][progress_bars style="default"][progress_bar label="Photoshop" percent="50" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Branding" percent="90" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Application" percent="75" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Interfaces" percent="33" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Ul Design" percent="82" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][/progress_bars][/vc_column][/vc_row][vc_row][vc_column width="1/1"][section_with_title title="Skill Meter Bars"][/vc_column][/vc_row][vc_row][vc_column width="1/1" offset="vc_col-md-6" margin_bottom_class="medium"][progress_bars style="skill-meter"][progress_bar label="Adding Promotions and Coupons" percent="82" icon_class="fa fa-tags" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Enhansing Seo Features" percent="16" icon_class="fa fa-search" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Site Improvements or Redesign" percent="95" color_style="default" bar_color_code="#0ab596" has_animate="yes" icon_class="fa fa-pencil"][progress_bar label="Social Media Integrations" percent="63" color_style="default" bar_color_code="#0ab596" has_animate="yes" icon_class="fa fa-star"][/progress_bars][/vc_column][vc_column width="1/1" offset="vc_col-md-6" margin_bottom_class="medium"][progress_bars style="skill-meter"][progress_bar label="Adding Promotions and Coupons" percent="82" icon_class="fa fa-tags" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Enhansing Seo Features" percent="16" icon_class="fa fa-search" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Site Improvements or Redesign" percent="95" color_style="blue" bar_color_code="#0ab596" has_animate="yes" icon_class="fa fa-pencil"][progress_bar label="Social Media Integrations" percent="63" color_style="blue" bar_color_code="#0ab596" has_animate="yes" icon_class="fa fa-star"][/progress_bars][/vc_column][/vc_row][vc_row][vc_column width="1/1"][section_with_title title="Icon Progress Bars"][/vc_column][/vc_row][vc_row][vc_column width="1/1" offset="vc_col-md-6" margin_bottom_class="medium"][progress_bars style="icons"][progress_bar icon_class="fa fa-lightbulb-o" total_numbers="10" active_numbers="4" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar icon_class="fa fa-bolt" total_numbers="10" active_numbers="6" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar total_numbers="10" active_numbers="2" color_style="default" bar_color_code="#0ab596" has_animate="yes" icon_class="fa fa-microphone"][/progress_bars][/vc_column][vc_column width="1/1" offset="vc_col-md-6" margin_bottom_class="medium"][progress_bars style="icons"][progress_bar icon_class="fa fa-user" total_numbers="30" active_numbers="22" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][/progress_bars][/vc_column][/vc_row][vc_row][vc_column width="1/1"][section_with_title title="Colored Progress Bars"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][progress_bars style="colored"][progress_bar label="Photoshop" percent="76" color_style="default" bar_color_code="#01b7f2" has_animate="yes"][progress_bar label="JavaScript" percent="65" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Wordpress" percent="98" color_style="default" bar_color_code="#ff6600" has_animate="yes"][progress_bar label="Graphic Design" percent="50" color_style="default" bar_color_code="#9f60b5" has_animate="yes"][progress_bar label="Mobile Applications" percent="70" color_style="default" bar_color_code="#ffc000" has_animate="yes"][progress_bar label="Development" percent="32" color_style="default" bar_color_code="#d20d0d" has_animate="yes"][/progress_bars][/vc_column][/vc_row][vc_row][vc_column width="1/1"][section_with_title title="Vertical Progress Bars"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][progress_bars style="vertical"][progress_bar label="Responsive designs" percent="99" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="human centered" percent="98" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="gredients" percent="41" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="woocommerce" percent="81" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="jquery" percent="58" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="one page" percent="79" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="mobile apps" percent="95" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="portfolio" percent="59" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Retina graphics" percent="90" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="user interface" percent="63" color_style="default" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="wordpress" percent="81" color_style="blue" bar_color_code="#0ab596" has_animate="yes"][progress_bar label="Flat designs" percent="99" color_style="default" bar_color_code="#0ab596" has_animate="yes"][/progress_bars][/vc_column][/vc_row][vc_row][vc_column width="1/1"][section_with_title title="Infographic Pies"][/vc_column][/vc_row][vc_row][vc_column width="1/2" offset="vc_col-md-3" margin_bottom_class="medium"][infographic_pie title="Adobe Photoshop" desc="aliquet elit nulla sed massa. Ut cursus massa at urnaaculis estieed." style="style1" bgcolor="#edf6ff" fgcolor="#1b4268" percent="90" percent_text="90%" dimension="150" bordersize="7" fontsize="30" fontcolor="default" borderstyle="default" fill_borderwidth="30" startdegree="0"][/vc_column][vc_column width="1/2" offset="vc_col-md-3" margin_bottom_class="medium"][infographic_pie title="Graphic Design" desc="aliquet elit nulla sed massa. Ut cursus massa at urnaaculis estieed." style="style1" bgcolor="#edf6ff" fgcolor="#1b4268" percent="50" percent_text="50%" dimension="150" bordersize="7" fontsize="30" fontcolor="default" borderstyle="default" fill_borderwidth="30" startdegree="0"][/vc_column][vc_column width="1/2" offset="vc_col-md-3" margin_bottom_class="medium"][infographic_pie title="Web Development" desc="aliquet elit nulla sed massa. Ut cursus massa at urnaaculis estieed." style="style1" bgcolor="#edf6ff" fgcolor="#1b4268" percent="76" percent_text="76%" dimension="150" bordersize="7" fontsize="30" fontcolor="default" borderstyle="default" fill_borderwidth="30" startdegree="0"][/vc_column][vc_column width="1/2" offset="vc_col-md-3" margin_bottom_class="medium"][infographic_pie title="Social Networking" desc="aliquet elit nulla sed massa. Ut cursus massa at urnaaculis estieed." style="style1" bgcolor="#edf6ff" fgcolor="#1b4268" percent="39" percent_text="39%" dimension="150" bordersize="7" fontsize="30" fontcolor="default" borderstyle="default" fill_borderwidth="30" startdegree="0"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][vc_column_text][divider color="light2"][/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1" offset="vc_col-lg-6"][vc_row_inner][vc_column_inner width="1/4"][infographic_pie title="Projects Completed" style="style2" bgcolor="#edf6ff" fgcolor="#1b4268" percent="90" percent_text="OTA=" dimension="110" bordersize="4" fontsize="30" fontcolor="default" borderstyle="default" startdegree="0" fill_borderwidth="4"][/vc_column_inner][vc_column_inner width="1/4" margin_bottom_class="medium"][infographic_pie title="Work in Progress" style="style2" bgcolor="#edf6ff" fgcolor="#1b4268" percent="50" percent_text="NTA=" dimension="110" bordersize="4" fontsize="30" fontcolor="default" borderstyle="default" startdegree="0" fill_borderwidth="4"][/vc_column_inner][vc_column_inner width="1/4" margin_bottom_class="medium"][infographic_pie title="Happy Customers" style="style2" bgcolor="#edf6ff" fgcolor="#1b4268" percent="75" percent_text="NzU=" dimension="110" bordersize="4" fontsize="30" fontcolor="default" borderstyle="default" startdegree="0" fill_borderwidth="4"][/vc_column_inner][vc_column_inner width="1/4" margin_bottom_class="medium"][infographic_pie title="Repeat Customers" style="style2" bgcolor="#edf6ff" fgcolor="#1b4268" percent="65" percent_text="NjU=" dimension="110" bordersize="4" fontsize="30" fontcolor="default" borderstyle="default" startdegree="0" fill_borderwidth="4"][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width="1/1" offset="vc_col-lg-6"][vc_row_inner][vc_column_inner width="1/4"][infographic_pie title="Creative Web Design" style="style2" bgcolor="#edf6ff" percent="90" dimension="110" bordersize="4" fontsize="30" fontcolor="blue" borderstyle="default" startdegree="0" fill_borderwidth="4" percent_text="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1saWdodGJ1bGItbyUyMiUzRSUzQyUyRmklM0U="][/vc_column_inner][vc_column_inner width="1/4" margin_bottom_class="medium"][infographic_pie title="Projects Completed" style="style2" bgcolor="#edf6ff" percent="90" dimension="110" bordersize="4" fontsize="30" fontcolor="blue" borderstyle="default" startdegree="0" fill_borderwidth="4" percent_text="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leWUlMjIlM0UlM0MlMkZpJTNF"][/vc_column_inner][vc_column_inner width="1/4" margin_bottom_class="medium"][infographic_pie title="Projects Completed" style="style2" bgcolor="#edf6ff" percent="90" percent_text="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10YWJsZXQlMjIlM0UlM0MlMkZpJTNF" dimension="110" bordersize="4" fontsize="30" fontcolor="blue" borderstyle="default" startdegree="0" fill_borderwidth="4"][/vc_column_inner][vc_column_inner width="1/4" margin_bottom_class="medium"][infographic_pie title="Projects Completed" style="style2" bgcolor="#edf6ff" percent="90" percent_text="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1ib2x0JTIyJTNFJTNDJTJGaSUzRQ==" dimension="110" bordersize="4" fontsize="30" fontcolor="blue" borderstyle="default" startdegree="0" fill_borderwidth="4"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width="1/1"][section_with_title title="Custom Infographic Pies"][/vc_column][/vc_row][vc_row][vc_column width="1/2" offset="vc_col-md-3"][infographic_pie desc="Progress Bar With Icon Usage" style="style3" bgcolor="#edf6ff" fgcolor="#1b4268" percent="25" percent_text="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1iZWxsJTIyJTNFJTNDJTJGaSUzRQ==" dimension="204" bordersize="8" fontsize="50" fontcolor="default" borderstyle="outline" startdegree="0" fill_borderwidth="4"][/vc_column][vc_column width="1/2" offset="vc_col-md-3"][infographic_pie desc="Progress Bar With Percentage Usage" style="style3" bgcolor="#edf6ff" fgcolor="#1b4268" percent="100" percent_text="JTNDc3BhbiUyMGNsYXNzJTNEJTIyaGFzLWNpcmNsZS10ZXh0JTIyJTNFMTAwJTI1JTNDJTJGc3BhbiUzRQ==" dimension="204" bordersize="8" fontsize="14" fontcolor="default" borderstyle="outline" startdegree="0" fill_borderwidth="4"][/vc_column][vc_column width="1/2" offset="vc_col-md-3"][infographic_pie desc="Progress Bar With Icon Usage" style="style3" bgcolor="#edf6ff" fgcolor="#1b4268" percent="50" percent_text="JTNDc3BhbiUyMGNsYXNzJTNEJTIyaGFzLWNpcmNsZS10ZXh0JTIyJTNFJTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW50JTIyJTNFJTNDJTJGaSUzRSUzQyUyRnNwYW4lM0U=" dimension="204" bordersize="8" fontsize="30" fontcolor="default" borderstyle="outline" startdegree="-90" fill_borderwidth="4"][/vc_column][vc_column width="1/2" offset="vc_col-md-3"][infographic_pie desc="Progress Bar With Text Usage" style="style3" bgcolor="#edf6ff" fgcolor="#1b4268" percent="75" percent_text="V3JpdGUlMjBTb21ldGhpbmclMjBDYXRjaHklMjBIZXJl" dimension="204" bordersize="8" fontsize="14" fontcolor="default" borderstyle="outline" startdegree="-90" fill_borderwidth="4" class="has-text-block"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][section_with_title title="Custom Counters"][/vc_column][/vc_row][vc_row][vc_column width="1/2" offset="vc_col-md-3" margin_bottom_class="small"][counter style="style1" label="Projects Completed" number="2540" img_id="225"][/vc_column][vc_column width="1/2" offset="vc_col-md-3" margin_bottom_class="small"][counter style="style1" label="Coffees Consumed" number="7325" img_id="226"][/vc_column][vc_column width="1/2" offset="vc_col-md-3" margin_bottom_class="small"][counter style="style1" label="Happy Customers" number="1924" img_id="227"][/vc_column][vc_column width="1/2" offset="vc_col-md-3" margin_bottom_class="small"][counter style="style1" label="Lines of Code" number="4275" img_id="228"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][section_with_title title="Simple Counters"][/vc_column][/vc_row][vc_row][vc_column width="1/2" offset="vc_col-md-3"][counter style="style2" label="Coffees" number="3630"][/vc_column][vc_column width="1/2" offset="vc_col-md-3"][counter style="style2" label="Projects" number="2789"][/vc_column][vc_column width="1/2" offset="vc_col-md-3"][counter style="style2" label="Happy Clients" number="1426"][/vc_column][vc_column width="1/2" offset="vc_col-md-3"][counter style="style2" label="Awards" number="3428"][/vc_column][/vc_row]

0
Оставьте свой комментарий или вопрос