[no_separator_with_icon border_style=»solid» color=»#dadada» width=»43″ thickness=»2″ up=»62″ down=»37″ animation=»animate_width» type=»with_custom_icon» separator_icon_position=»center» custom_icon=»342525″ icon_margin=»11″]

Horizontal Progress Bars Design

The finest shortcodes on ThemeForest and beyond

[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Responsive» title_color=»#464646″ percent=»20″ active_background_color=»#e5735c» noactive_background_color=»#ededed» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percent_color=»#464646″ percent_background_color=»rgba(250,250,250,0.01)» percentage_bar_margin_bottom=»4″]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Support» title_color=»#464646″ percent=»40″ active_background_color=»#e5735c» noactive_background_color=»#ededed» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percent_color=»#464646″ percent_background_color=»rgba(250,250,250,0.01)» percentage_bar_margin_bottom=»4″]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Typography» title_color=»#464646″ percent=»60″ active_background_color=»#e5735c» noactive_background_color=»#ededed» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percent_color=»#464646″ percent_background_color=»rgba(250,250,250,0.01)» percentage_bar_margin_bottom=»4″]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»SEO Ready» title_color=»#464646″ percent=»80″ active_background_color=»#e5735c» noactive_background_color=»#ededed» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percent_color=»#464646″ percent_background_color=»rgba(250,250,250,0.01)» percentage_bar_margin_bottom=»4″]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Retina ready» title_color=»#464646″ percent=»20″ active_background_color=»#e5735c» noactive_background_color=»#ededed» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percentage_bar_margin_bottom=»4″ percent_color=»#464646″ percent_background_color=»rgba(250,250,250,0.01)»]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Design» title_color=»#464646″ percent=»40″ active_background_color=»#e5735c» noactive_background_color=»#ededed» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percentage_bar_margin_bottom=»4″ percent_color=»#464646″ percent_background_color=»rgba(250,250,250,0.01)»]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Development» title_color=»#464646″ percent=»60″ active_background_color=»#e5735c» noactive_background_color=»#ededed» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percentage_bar_margin_bottom=»4″ percent_color=»#464646″ percent_background_color=»rgba(250,250,250,0.01)»]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Easy Import» title_color=»#464646″ percent=»80″ active_background_color=»#e5735c» noactive_background_color=»#ededed» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percentage_bar_margin_bottom=»4″ percent_color=»#464646″ percent_background_color=»rgba(250,250,250,0.01)»]
[no_elements_holder number_of_columns=»two_columns» switch_to_one_column=»1000″][no_elements_holder_item item_padding=»14px 14px 0px 0px» aligment=»left» vertical_alignment=»middle» enable_hover_effect=»no» advanced_animations=»no» item_padding_600_768=»14px 0px 0px 0px» item_padding_480_600=»14px 0px 0px 0px» elemnts_holder_frame=»no»][no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Responsive» title_color=»#ffffff» percent=»20″ active_background_color=»#ffffff» noactive_background_color=»rgba(250,250,250,0.3)» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percent_color=»#ffffff» percent_background_color=»rgba(250,250,250,0.01)» percentage_bar_margin_bottom=»4″]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Support» title_color=»#ffffff» percent=»40″ active_background_color=»#ffffff» noactive_background_color=»rgba(250,250,250,0.3)» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percent_color=»#ffffff» percent_background_color=»rgba(250,250,250,0.01)» percentage_bar_margin_bottom=»4″]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Typography» title_color=»#ffffff» percent=»60″ active_background_color=»#ffffff» noactive_background_color=»rgba(250,250,250,0.3)» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percent_color=»#ffffff» percent_background_color=»rgba(250,250,250,0.01)» percentage_bar_margin_bottom=»4″]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»SEO Ready» title_color=»#ffffff» percent=»80″ active_background_color=»#ffffff» noactive_background_color=»rgba(250,250,250,0.3)» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percent_color=»#ffffff» percent_background_color=»rgba(250,250,250,0.01)» percentage_bar_margin_bottom=»4″]
[/no_elements_holder_item][no_elements_holder_item item_padding=»14px 0px 0px 14px» aligment=»left» vertical_alignment=»middle» enable_hover_effect=»no» advanced_animations=»no» item_padding_768_1000=»14px 0px 45px 0px» item_padding_600_768=»14px 0px 45px 0px» elemnts_holder_frame=»no»][no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Retina ready» title_color=»#ffffff» percent=»20″ active_background_color=»#ffffff» noactive_background_color=»rgba(250,250,250,0.3)» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percentage_bar_margin_bottom=»4″ percent_color=»#ffffff» percent_background_color=»rgba(250,250,250,0.01)»]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Design» title_color=»#ffffff» percent=»40″ active_background_color=»#ffffff» noactive_background_color=»rgba(250,250,250,0.3)» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percentage_bar_margin_bottom=»4″ percent_color=»#ffffff» percent_background_color=»rgba(250,250,250,0.01)»]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Development» title_color=»#ffffff» percent=»60″ active_background_color=»#ffffff» noactive_background_color=»rgba(250,250,250,0.3)» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percentage_bar_margin_bottom=»4″ percent_color=»#ffffff» percent_background_color=»rgba(250,250,250,0.01)»]
[no_progress_bar show_percent_number=»yes» show_percent_mark=»with_mark» percentage_type=»static» title=»Easy Import» title_color=»#ffffff» percent=»80″ active_background_color=»#ffffff» noactive_background_color=»rgba(250,250,250,0.3)» height=»18″ border_radius=»0″ title_padding_bottom=»3″ percentage_bar_margin_bottom=»4″ percent_color=»#ffffff» percent_background_color=»rgba(250,250,250,0.01)»]
[/no_elements_holder_item][/no_elements_holder]
X