Progress Bars

[section_with_title title=”Progress Bars”]
[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]
[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]
[section_with_title title=”Skill Meter Bars”]
[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]
[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]
[section_with_title title=”Icon Progress Bars”]
[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]
[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]
[section_with_title title=”Colored Progress Bars”]
[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]
[section_with_title title=”Vertical Progress Bars”]
[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]
[section_with_title title=”Infographic Pies”]
[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″]
[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″]
[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″]
[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″]

[divider color=”light2″]

[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″]
[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″]
[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″]
[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″]
[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=”]
[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”]
[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″]
[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″]
[section_with_title title=”Custom Infographic Pies”]
[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″]
[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″]
[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″]
[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”]
[section_with_title title=”Custom Counters”]
[counter style=”style1″ label=”Projects Completed” number=”2540″ img_id=”225″]
[counter style=”style1″ label=”Coffees Consumed” number=”7325″ img_id=”226″]
[counter style=”style1″ label=”Happy Customers” number=”1924″ img_id=”227″]
[counter style=”style1″ label=”Lines of Code” number=”4275″ img_id=”228″]
[section_with_title title=”Simple Counters”]
[counter style=”style2″ label=”Coffees” number=”3630″]
[counter style=”style2″ label=”Projects” number=”2789″]
[counter style=”style2″ label=”Happy Clients” number=”1426″]
[counter style=”style2″ label=”Awards” number=”3428″]
0

Post comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*