[av_heading tag=’h1′ padding=’15’ heading=’Progress Bar Element’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’40’ subheading_active= » subheading_size=’15’ custom_class= » admin_preview_bg= »][/av_heading]
[av_textblock size= » font_color= » color= » admin_preview_bg= »]
Add any number of progress bars in various predefined colors, either with or without icon, with or without description.
Perfect if you want to display some progress or display a skill you or your company has mastered and how good you are at it.
[/av_textblock] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_heading heading=’Progress Bar Minimal’ tag=’h1′ style=’blockquote modern-quote’ size=’30’ subheading_active= » subheading_size=’15’ padding=’15’ color=’custom-color-heading’ custom_font=’#000000′ admin_preview_bg= »][/av_heading] [av_progress bar_styling=’av-flat-bar’ bar_animation=’av-animated-bar’ bar_styling_secondary=’av-small-bar’ show_percentage=’av-show-bar-percentage’ admin_preview_bg= »] [av_progress_bar title=’BAR 1′ progress=’100′ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 2′ progress=’91’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 3′ progress=’78’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 4′ progress=’23’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [/av_progress] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_heading heading=’Progress Bar Minimal Animated’ tag=’h1′ style=’blockquote modern-quote’ size=’30’ subheading_active= » subheading_size=’15’ padding=’15’ color=’custom-color-heading’ custom_font=’#000000′ admin_preview_bg= »][/av_heading] [av_progress bar_styling=’av-striped-bar’ bar_animation=’av-animated-bar’ bar_styling_secondary=’av-small-bar’ show_percentage=’av-show-bar-percentage’ bar_height=’5′ admin_preview_bg= »] [av_progress_bar title=’BAR 1′ progress=’100′ color=’silver’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 2′ progress=’91’ color=’silver’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 3′ progress=’78’ color=’silver’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 4′ progress=’23’ color=’silver’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [/av_progress] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_heading tag=’h1′ padding=’15’ heading=’Progress Bar Big’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’30’ subheading_active= » subheading_size=’15’ custom_class= » admin_preview_bg= »][/av_heading] [av_progress bar_styling=’av-flat-bar’ bar_animation=’av-animated-bar’ admin_preview_bg= »] [av_progress_bar title=’1′ progress=’100′ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’2′ progress=’91’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’3′ progress=’78’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’4′ progress=’23’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [/av_progress] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_heading tag=’h1′ padding=’15’ heading=’Animated Progress Bar Examples’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’30’ subheading_active= » subheading_size=’15’ custom_class= » admin_preview_bg= »][/av_heading] [av_progress bar_styling=’av-striped-bar’ bar_animation=’av-animated-bar’] [av_progress_bar title=’HTML’ progress=’100′ color=’theme-color’ icon_select=’no’ icon=’43’] [av_progress_bar title=’CSS’ progress=’50’ color=’grey’ icon_select=’no’ icon=’58’] [av_progress_bar title=’Javascript’ progress=’20’ color=’silver’ icon_select=’no’ icon= »] [av_progress_bar title=’Video’ progress=’30’ color=’blue’ icon_select=’no’ icon= »] [av_progress_bar title=’Flash’ progress=’70’ color=’green’ icon_select=’yes’ icon=’64’] [av_progress_bar title=’Photoshop’ progress=’80’ color=’orange’ icon_select=’no’ icon= »] [av_progress_bar title=’After Effects’ progress=’20’ color=’red’ icon_select=’no’ icon= »] [av_progress_bar title=’Premiere’ progress=’60’ color=’aqua’ icon_select=’no’ icon= »] [av_progress_bar title=’Dreamweaver’ progress=’95’ color=’teal’ icon_select=’no’ icon= »] [av_progress_bar title=’Illustrator’ progress=’40’ color=’purple’ icon_select=’yes’ icon=’50’] [av_progress_bar title= » progress=’30’ color=’pink’ icon_select=’no’ icon= »] [av_progress_bar title=’Unagi’ progress=’10’ color=’black’ icon_select=’yes’ icon=’14’] [/av_progress]
Perfect if you want to display some progress or display a skill you or your company has mastered and how good you are at it.
[/av_textblock] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_heading heading=’Progress Bar Minimal’ tag=’h1′ style=’blockquote modern-quote’ size=’30’ subheading_active= » subheading_size=’15’ padding=’15’ color=’custom-color-heading’ custom_font=’#000000′ admin_preview_bg= »][/av_heading] [av_progress bar_styling=’av-flat-bar’ bar_animation=’av-animated-bar’ bar_styling_secondary=’av-small-bar’ show_percentage=’av-show-bar-percentage’ admin_preview_bg= »] [av_progress_bar title=’BAR 1′ progress=’100′ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 2′ progress=’91’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 3′ progress=’78’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 4′ progress=’23’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [/av_progress] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_heading heading=’Progress Bar Minimal Animated’ tag=’h1′ style=’blockquote modern-quote’ size=’30’ subheading_active= » subheading_size=’15’ padding=’15’ color=’custom-color-heading’ custom_font=’#000000′ admin_preview_bg= »][/av_heading] [av_progress bar_styling=’av-striped-bar’ bar_animation=’av-animated-bar’ bar_styling_secondary=’av-small-bar’ show_percentage=’av-show-bar-percentage’ bar_height=’5′ admin_preview_bg= »] [av_progress_bar title=’BAR 1′ progress=’100′ color=’silver’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 2′ progress=’91’ color=’silver’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 3′ progress=’78’ color=’silver’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’BAR 4′ progress=’23’ color=’silver’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [/av_progress] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_heading tag=’h1′ padding=’15’ heading=’Progress Bar Big’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’30’ subheading_active= » subheading_size=’15’ custom_class= » admin_preview_bg= »][/av_heading] [av_progress bar_styling=’av-flat-bar’ bar_animation=’av-animated-bar’ admin_preview_bg= »] [av_progress_bar title=’1′ progress=’100′ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’2′ progress=’91’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’3′ progress=’78’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [av_progress_bar title=’4′ progress=’23’ color=’blue’ icon_select=’no’ icon=’43’ font=’entypo-fontello’] [/av_progress] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_heading tag=’h1′ padding=’15’ heading=’Animated Progress Bar Examples’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’30’ subheading_active= » subheading_size=’15’ custom_class= » admin_preview_bg= »][/av_heading] [av_progress bar_styling=’av-striped-bar’ bar_animation=’av-animated-bar’] [av_progress_bar title=’HTML’ progress=’100′ color=’theme-color’ icon_select=’no’ icon=’43’] [av_progress_bar title=’CSS’ progress=’50’ color=’grey’ icon_select=’no’ icon=’58’] [av_progress_bar title=’Javascript’ progress=’20’ color=’silver’ icon_select=’no’ icon= »] [av_progress_bar title=’Video’ progress=’30’ color=’blue’ icon_select=’no’ icon= »] [av_progress_bar title=’Flash’ progress=’70’ color=’green’ icon_select=’yes’ icon=’64’] [av_progress_bar title=’Photoshop’ progress=’80’ color=’orange’ icon_select=’no’ icon= »] [av_progress_bar title=’After Effects’ progress=’20’ color=’red’ icon_select=’no’ icon= »] [av_progress_bar title=’Premiere’ progress=’60’ color=’aqua’ icon_select=’no’ icon= »] [av_progress_bar title=’Dreamweaver’ progress=’95’ color=’teal’ icon_select=’no’ icon= »] [av_progress_bar title=’Illustrator’ progress=’40’ color=’purple’ icon_select=’yes’ icon=’50’] [av_progress_bar title= » progress=’30’ color=’pink’ icon_select=’no’ icon= »] [av_progress_bar title=’Unagi’ progress=’10’ color=’black’ icon_select=’yes’ icon=’14’] [/av_progress]