Horizontal Progress Bars

[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]

Leave a Reply

top