Use this beautiful element to

showcase your work

[progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Graphic Design” percent=”35″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″][progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Marketing” percent=”60″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″][progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Development” percent=”90″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item item_padding=”0 0 0 25px” advanced_animations=”no”]
[/qode_elements_holder_item][/qode_elements_holder]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item item_padding=”87px 8% 35px 8%” advanced_animations=”no”][progress_bar title_tag=”h6″ percent_font_weight=”400″ gradient=”no” title=”Development” percent=”50″ height=”2″ border_radius=”0″ active_background_color=”#ff9989″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″]
[progress_bar title_tag=”h6″ percent_font_weight=”400″ gradient=”no” title=”Graphic Design” percent=”65″ height=”2″ border_radius=”0″ active_background_color=”#ff9989″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″]
[progress_bar title_tag=”h6″ percent_font_weight=”400″ gradient=”no” title=”Marketing” percent=”75″ height=”2″ border_radius=”0″ active_background_color=”#ff9989″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″]
[progress_bar title_tag=”h6″ percent_font_weight=”400″ gradient=”no” title=”Illustration” percent=”60″ height=”2″ border_radius=”0″ active_background_color=”#ff9989″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″][/qode_elements_holder_item][/qode_elements_holder]

Horizontal Progress Bars

Proin gravida nibh vel velit auctor saaliquet. Proin gravida nibh vel velit auctor
saaliquet. Aenean sollicitudin, lorem.  Proin gravida nibh vel velit of Lorem Ipsum.
Proin gravida nibh vel velit. Aenean sollicitudin.

[progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Graphic Design” percent=”35″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″][progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Marketing” percent=”60″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″][progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Development” percent=”90″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″][progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Creative dedication” percent=”70″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item item_padding=”82px 8% 23px 8%” advanced_animations=”no”][progress_bar title_tag=”h6″ percent_font_weight=”400″ gradient=”no” title=”Development” percent=”50″ height=”16″ border_radius=”0″ active_background_color=”#ffffff” noactive_background_color=”rgba(255,255,255,0.2)” percent_font_size=”17″ title_color=”#ffffff” percent_color=”#ffffff”][progress_bar title_tag=”h6″ percent_font_weight=”400″ gradient=”no” title=”Graphic Design” percent=”65″ height=”16″ border_radius=”0″ active_background_color=”#ffffff” noactive_background_color=”rgba(255,255,255,0.2)” percent_font_size=”17″ title_color=”#ffffff” percent_color=”#ffffff”][progress_bar title_tag=”h6″ percent_font_weight=”400″ gradient=”no” title=”Marketing” percent=”75″ height=”16″ border_radius=”0″ active_background_color=”#ffffff” noactive_background_color=”rgba(255,255,255,0.2)” percent_font_size=”17″ title_color=”#ffffff” percent_color=”#ffffff”][progress_bar title_tag=”h6″ percent_font_weight=”400″ gradient=”no” title=”Illustration” percent=”60″ height=”16″ border_radius=”0″ active_background_color=”#ffffff” noactive_background_color=”rgba(255,255,255,0.2)” percent_font_size=”17″ title_color=”#ffffff” percent_color=”#ffffff”][/qode_elements_holder_item][/qode_elements_holder]
[progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Graphic Design” percent=”35″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″][progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Marketing” percent=”60″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″][progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Development” percent=”90″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″]
[progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Graphic Design” percent=”35″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″][progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Marketing” percent=”60″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″][progress_bar title_tag=”h4″ percent_font_weight=”400″ gradient=”no” title=”Development” percent=”90″ height=”5″ border_radius=”0″ active_background_color=”#3cd2b5″ noactive_background_color=”#e4e4e4″ percent_font_size=”17″]