Progress Bars

[fusion_builder_container backgroundcolor=β€œβ€œ backgroundimage=β€œβ€œ backgroundrepeat=β€œno-repeatβ€œ backgroundposition=β€œleft topβ€œ backgroundattachment=β€œfixedβ€œ bordersize=β€œ0pxβ€œ bordercolor=β€œβ€œ borderstyle=β€œsolidβ€œ paddingtop=β€œ0pxβ€œ paddingbottom=β€œ40pxβ€œ padding_left=β€œ0pxβ€œ padding_right=β€œ0pxβ€œ menu_anchor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_builder_row][fusion_builder_column type=β€œ1_1β€³ background_position=β€œleft topβ€œ background_color=β€œβ€œ border_size=β€œβ€œ border_color=β€œβ€œ border_style=β€œsolidβ€œ spacing=β€œyesβ€œ background_image=β€œβ€œ background_repeat=β€œno-repeatβ€œ padding=β€œβ€œ margin_top=β€œ0pxβ€œ margin_bottom=β€œ0pxβ€œ class=β€œβ€œ id=β€œβ€œ animation_type=β€œβ€œ animation_speed=β€œ0.3β€³ animation_direction=β€œleftβ€œ hide_on_mobile=β€œnoβ€œ center_content=β€œnoβ€œ min_height=β€œnoneβ€œ][fusion_title size=β€œ1β€³ content_align=β€œleftβ€œ style_type=β€œβ€œ sep_color=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]Progress Bar Shortcode[/fusion_title][/fusion_builder_column][fusion_builder_column type=β€œ2_3β€³ last=β€œnoβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_text]Avada includes multiple animated counter shortcodes, including the progress bar shortcode. These are great for displaying varying types of data and content to your viewers. The progress bar include several options for easy customization and is a great way to visually attract the viewer and display content.[/fusion_text][/fusion_builder_column][fusion_builder_column type=β€œ1_3β€³ last=β€œyesβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_separator style_type=β€œnoneβ€œ top_margin=β€œ5β€³ bottom_margin=β€œβ€œ sep_color=β€œβ€œ icon=β€œβ€œ width=β€œβ€œ class=β€œβ€œ id=β€œβ€œ/][fusion_progress percentage=β€œ94β€³ unit=β€œ%β€œ filledcolor=β€œβ€œ unfilledcolor=β€œβ€œ striped=β€œyesβ€œ animated_stripes=β€œyesβ€œ textcolor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]Users That Recommend Avada[/fusion_progress][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=β€œyesβ€œ overflow=β€œvisibleβ€œ margin_top=β€œ0pxβ€œ margin_bottom=β€œβ€œ background_color=β€œrgba(255,255,255,0)β€œ padding_right=β€œ30pxβ€œ padding_left=β€œ30pxβ€œ ][fusion_builder_row][fusion_builder_column type=β€œ1_1β€³ background_position=β€œleft topβ€œ background_color=β€œβ€œ border_size=β€œβ€œ border_color=β€œβ€œ border_style=β€œsolidβ€œ spacing=β€œyesβ€œ background_image=β€œβ€œ background_repeat=β€œno-repeatβ€œ padding=β€œβ€œ margin_top=β€œ0pxβ€œ margin_bottom=β€œ0pxβ€œ class=β€œβ€œ id=β€œβ€œ animation_type=β€œβ€œ animation_speed=β€œ0.3β€³ animation_direction=β€œleftβ€œ hide_on_mobile=β€œnoβ€œ center_content=β€œnoβ€œ min_height=β€œnoneβ€œ][fusion_separator style_type=β€œsingle solidβ€œ sep_color=β€œ#cdcdcdβ€œ icon=β€œfa-chevron-downβ€œ width=β€œβ€œ class=β€œβ€œ id=β€œβ€œ/][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=β€œ#f8f8f8β€³ backgroundimage=β€œhttp://theme-fusion.com/avada/wp-content/uploads/2014/03/bg6b_bw.jpgβ€œ backgroundrepeat=β€œno-repeatβ€œ backgroundposition=β€œleft topβ€œ backgroundattachment=β€œfixedβ€œ bordersize=β€œ1pxβ€œ bordercolor=β€œ#eaeaeaβ€œ borderstyle=β€œsolidβ€œ paddingtop=β€œ55pxβ€œ paddingbottom=β€œ25pxβ€œ padding_left=β€œ0pxβ€œ padding_right=β€œ0pxβ€œ menu_anchor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_builder_row][fusion_builder_column type=β€œ1_2β€³ last=β€œnoβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_imageframe lightbox=β€œyesβ€œ style_type=β€œnoneβ€œ bordercolor=β€œrgba(000,000,000,.05)β€œ bordersize=β€œ15pxβ€œ stylecolor=β€œβ€œ align=β€œleftβ€œ animation_type=β€œfadeβ€œ animation_direction=β€œupβ€œ animation_speed=β€œ1β€³ class=β€œβ€œ id=β€œβ€œ] man drawing[/fusion_imageframe][/fusion_builder_column][fusion_builder_column type=β€œ1_2β€³ last=β€œyesβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_title size=β€œ2β€³ content_align=β€œleftβ€œ style_type=β€œβ€œ sep_color=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]Avada Progress Bar Shortcode[/fusion_title][fusion_separator style_type=β€œnoneβ€œ top_margin=β€œ-20β€³ bottom_margin=β€œβ€œ sep_color=β€œβ€œ icon=β€œβ€œ width=β€œβ€œ class=β€œβ€œ id=β€œβ€œ/][fusion_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud consequat.[/fusion_text][fusion_separator style_type=β€œnoneβ€œ top_margin=β€œ22β€³ bottom_margin=β€œβ€œ sep_color=β€œβ€œ icon=β€œβ€œ width=β€œβ€œ class=β€œβ€œ id=β€œβ€œ/][fusion_progress percentage=β€œ85β€³ unit=β€œ%β€œ filledcolor=β€œβ€œ unfilledcolor=β€œ#edececβ€œ striped=β€œyesβ€œ animated_stripes=β€œyesβ€œ textcolor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]HTML Skills[/fusion_progress][fusion_progress percentage=β€œ90β€³ unit=β€œ%β€œ filledcolor=β€œβ€œ unfilledcolor=β€œ#edececβ€œ striped=β€œyesβ€œ animated_stripes=β€œyesβ€œ textcolor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]Wordpress Development[/fusion_progress][fusion_progress percentage=β€œ85β€³ unit=β€œ%β€œ filledcolor=β€œβ€œ unfilledcolor=β€œ#edececβ€œ striped=β€œyesβ€œ animated_stripes=β€œyesβ€œ textcolor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]User Interface Design[/fusion_progress][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=β€œβ€œ backgroundimage=β€œβ€œ backgroundrepeat=β€œno-repeatβ€œ backgroundposition=β€œleft topβ€œ backgroundattachment=β€œfixedβ€œ bordersize=β€œ0pxβ€œ bordercolor=β€œ#eaeaeaβ€œ borderstyle=β€œsolidβ€œ paddingtop=β€œ65pxβ€œ paddingbottom=β€œ40pxβ€œ padding_left=β€œ0pxβ€œ padding_right=β€œ0pxβ€œ menu_anchor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_builder_row][fusion_builder_column type=β€œ1_3β€³ last=β€œnoβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_tagline_box backgroundcolor=β€œβ€œ shadow=β€œnoβ€œ shadowopacity=β€œ0.1β€³ border=β€œ1pxβ€œ bordercolor=β€œβ€œ highlightposition=β€œtopβ€œ content_alignment=β€œleftβ€œ link=β€œβ€œ linktarget=β€œ_selfβ€œ modal=β€œβ€œ button_size=β€œsmallβ€œ button_shape=β€œsquareβ€œ button_type=β€œflatβ€œ buttoncolor=β€œβ€œ button=β€œβ€œ title=β€œControl Colorsβ€œ description=β€œEach progress bar can have a different filled / unfilled color and text color.β€œ animation_type=β€œ0β€³ animation_direction=β€œdownβ€œ animation_speed=β€œ0.1β€³ class=β€œβ€œ id=β€œβ€œ][/fusion_tagline_box][fusion_separator style_type=β€œnoneβ€œ top_margin=β€œ-30β€³ bottom_margin=β€œ-30β€³ sep_color=β€œβ€œ icon=β€œβ€œ width=β€œβ€œ class=β€œβ€œ id=β€œβ€œ/][/fusion_builder_column][fusion_builder_column type=β€œ2_3β€³ last=β€œyesβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_progress percentage=β€œ95β€³ unit=β€œ%β€œ filledcolor=β€œ#cb9536β€³ unfilledcolor=β€œ#eedbb9β€³ striped=β€œyesβ€œ animated_stripes=β€œyesβ€œ textcolor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]Marketing Strategy[/fusion_progress][fusion_progress percentage=β€œ80β€³ unit=β€œ%β€œ filledcolor=β€œ#62a7c9β€³ unfilledcolor=β€œ#cbe1ecβ€œ striped=β€œyesβ€œ animated_stripes=β€œyesβ€œ textcolor=β€œ#1d4d65β€³ class=β€œβ€œ id=β€œβ€œ]Customers Referred Daily[/fusion_progress][fusion_progress percentage=β€œ85β€³ unit=β€œ%β€œ filledcolor=β€œ#92be43β€³ unfilledcolor=β€œ#d7e8b7β€³ striped=β€œyesβ€œ animated_stripes=β€œyesβ€œ textcolor=β€œ#415b11β€³ class=β€œβ€œ id=β€œβ€œ]Repeat Business From Clients[/fusion_progress][/fusion_builder_column][fusion_builder_column type=β€œ1_3β€³ last=β€œnoβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_tagline_box backgroundcolor=β€œβ€œ shadow=β€œnoβ€œ shadowopacity=β€œ0.1β€³ border=β€œ1pxβ€œ bordercolor=β€œβ€œ highlightposition=β€œtopβ€œ content_alignment=β€œleftβ€œ link=β€œβ€œ linktarget=β€œ_selfβ€œ modal=β€œβ€œ button_size=β€œsmallβ€œ button_shape=β€œsquareβ€œ button_type=β€œflatβ€œ buttoncolor=β€œβ€œ button=β€œβ€œ title=β€œAnimated Striped Barsβ€œ description=β€œEach progress bar can have a striped or solid fill, and the stripes can animate.β€œ animation_type=β€œ0β€³ animation_direction=β€œdownβ€œ animation_speed=β€œ0.1β€³ class=β€œβ€œ id=β€œβ€œ][/fusion_tagline_box][fusion_separator style_type=β€œnoneβ€œ top_margin=β€œ-30β€³ bottom_margin=β€œ-30β€³ sep_color=β€œβ€œ icon=β€œβ€œ width=β€œβ€œ class=β€œβ€œ id=β€œβ€œ/][/fusion_builder_column][fusion_builder_column type=β€œ2_3β€³ last=β€œyesβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_progress percentage=β€œ80β€³ unit=β€œ%β€œ filledcolor=β€œβ€œ unfilledcolor=β€œβ€œ striped=β€œnoβ€œ animated_stripes=β€œnoβ€œ textcolor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]Solid Progress Bar[/fusion_progress][fusion_progress percentage=β€œ85β€³ unit=β€œ%β€œ filledcolor=β€œ#92be43β€³ unfilledcolor=β€œβ€œ striped=β€œyesβ€œ animated_stripes=β€œnoβ€œ textcolor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]Striped Progress Bar[/fusion_progress][fusion_progress percentage=β€œ95β€³ unit=β€œ%β€œ filledcolor=β€œ#76a227β€³ unfilledcolor=β€œβ€œ striped=β€œyesβ€œ animated_stripes=β€œyesβ€œ textcolor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]Animated Striped Progress Bar[/fusion_progress][/fusion_builder_column][fusion_builder_column type=β€œ1_3β€³ last=β€œnoβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_tagline_box backgroundcolor=β€œβ€œ shadow=β€œnoβ€œ shadowopacity=β€œ0.1β€³ border=β€œ1pxβ€œ bordercolor=β€œβ€œ highlightposition=β€œtopβ€œ content_alignment=β€œleftβ€œ link=β€œβ€œ linktarget=β€œ_selfβ€œ modal=β€œβ€œ button_size=β€œsmallβ€œ button_shape=β€œsquareβ€œ button_type=β€œflatβ€œ buttoncolor=β€œβ€œ button=β€œβ€œ title=β€œUnit Controlβ€œ description=β€œEach progress bar can have a different unit symobl, or left empty for no unit.β€œ animation_type=β€œ0β€³ animation_direction=β€œdownβ€œ animation_speed=β€œ0.1β€³ class=β€œβ€œ id=β€œβ€œ][/fusion_tagline_box][fusion_separator style_type=β€œnoneβ€œ top_margin=β€œ-30β€³ bottom_margin=β€œ-30β€³ sep_color=β€œβ€œ icon=β€œβ€œ width=β€œβ€œ class=β€œβ€œ id=β€œβ€œ/][/fusion_builder_column][fusion_builder_column type=β€œ1_3β€³ last=β€œnoβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_separator style_type=β€œnoneβ€œ top_margin=β€œ40β€³ bottom_margin=β€œβ€œ sep_color=β€œβ€œ icon=β€œβ€œ width=β€œβ€œ class=β€œβ€œ id=β€œβ€œ/][fusion_progress percentage=β€œ80β€³ unit=β€œΓ‚Β£β€œ filledcolor=β€œ#a7a9acβ€œ unfilledcolor=β€œ#d7d7d7β€³ striped=β€œnoβ€œ animated_stripes=β€œnoβ€œ textcolor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]Progress Bar With Different Unit[/fusion_progress][/fusion_builder_column][fusion_builder_column type=β€œ1_3β€³ last=β€œyesβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_separator style_type=β€œnoneβ€œ top_margin=β€œ40β€³ bottom_margin=β€œβ€œ sep_color=β€œβ€œ icon=β€œβ€œ width=β€œβ€œ class=β€œβ€œ id=β€œβ€œ/][fusion_progress percentage=β€œ80β€³ unit=β€œβ€œ filledcolor=β€œ#8b8e91β€³ unfilledcolor=β€œ#c2c1c1β€³ striped=β€œyesβ€œ animated_stripes=β€œyesβ€œ textcolor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ]Progress Bar With No Unit[/fusion_progress][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=β€œyesβ€œ overflow=β€œvisibleβ€œ margin_top=β€œ5pxβ€œ margin_bottom=β€œ0pxβ€œ background_color=β€œrgba(255,255,255,0)β€œ padding_right=β€œ30pxβ€œ padding_left=β€œ30pxβ€œ ][fusion_builder_row][fusion_builder_column type=β€œ1_1β€³ background_position=β€œleft topβ€œ background_color=β€œβ€œ border_size=β€œβ€œ border_color=β€œβ€œ border_style=β€œsolidβ€œ spacing=β€œyesβ€œ background_image=β€œβ€œ background_repeat=β€œno-repeatβ€œ padding=β€œβ€œ margin_top=β€œ0pxβ€œ margin_bottom=β€œ0pxβ€œ class=β€œβ€œ id=β€œβ€œ animation_type=β€œβ€œ animation_speed=β€œ0.3β€³ animation_direction=β€œleftβ€œ hide_on_mobile=β€œnoβ€œ center_content=β€œnoβ€œ min_height=β€œnoneβ€œ][fusion_separator style_type=β€œsingle solidβ€œ sep_color=β€œ#cdcdcdβ€œ icon=β€œfa-chevron-downβ€œ width=β€œβ€œ class=β€œβ€œ id=β€œβ€œ/][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=β€œβ€œ backgroundimage=β€œhttp://theme-fusion.com/avada/wp-content/uploads/2013/07/bkgd13.jpgβ€œ backgroundrepeat=β€œno-repeatβ€œ backgroundposition=β€œleft topβ€œ backgroundattachment=β€œfixedβ€œ bordersize=β€œ1pxβ€œ bordercolor=β€œ#eaeaeaβ€œ borderstyle=β€œsolidβ€œ paddingtop=β€œ22pxβ€œ paddingbottom=β€œ0pxβ€œ padding_left=β€œ0pxβ€œ padding_right=β€œ0pxβ€œ menu_anchor=β€œβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_builder_row][fusion_builder_column type=β€œ2_3β€³ last=β€œnoβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_text]

Join The 70,000+ Satisfied Avada Users!

[/fusion_text][/fusion_builder_column][fusion_builder_column type=β€œ1_3β€³ last=β€œyesβ€œ class=β€œβ€œ id=β€œβ€œ][fusion_separator style_type=β€œnoneβ€œ top_margin=β€œ7β€³ bottom_margin=β€œ7β€³ sep_color=β€œβ€œ icon=β€œβ€œ width=β€œβ€œ class=β€œβ€œ id=β€œβ€œ/][fusion_button link=β€œhttp://themeforest.net/item/avada-responsive-mul
tipurpose-theme/2833226?ref=ThemeFusionβ€œ color=β€œdefaultβ€œ size=β€œxlargeβ€œ type=β€œ3dβ€œ shape=β€œpillβ€œ target=β€œ_blankβ€œ title=β€œβ€œ gradient_colors=β€œtransparent|β€œ gradient_hover_colors=β€œrgba(255, 255, 255, 0.15)|β€œ accent_color=β€œrgba(0,0,0,.5)β€œ accent_hover_color=β€œ#333333β€³ bevel_color=β€œβ€œ border_width=β€œ0pxβ€œ shadow=β€œnoβ€œ icon=β€œβ€œ icon_position=β€œleftβ€œ icon_divider=β€œyesβ€œ modal=β€œβ€œ animation_type=β€œ0β€³ animation_direction=β€œupβ€œ animation_speed=β€œ1β€³ alignment=β€œcenterβ€œ class=β€œβ€œ id=β€œβ€œ]I’M SOLD, BUY AVADA NOW![/fusion_button][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]