Progress bars

[vc_row margin_top=»-5″ margin_bottom=»0″ padding_left=»40″ padding_right=»40″ bg_position=»top» bg_repeat=»no-repeat» bg_cover=»false» bg_attachment=»false» padding_top=»40″ padding_bottom=»40″ parallax_speed=»0.1″][vc_column width=»1/1″][dt_fancy_title title=»Text on progress bars» title_align=»left» title_size=»h6″ title_color=»custom» separator_style=»disabled» el_width=»100″ title_bg=»enabled» separator_color=»accent» custom_title_color=»#ffffff»][vc_empty_space height=»45px»][vc_progress_bar values=»90|Development|#97dd34,70|Design|#e62a5a,80|Marketing|#7c51b6,60|Photography|#ff8c25,40|WordPress|#34beec» bgcolor=»custom» caption_pos=»on» options=»striped» custombgcolor=»#1e73be» units=»%»][vc_empty_space height=»25px»][vc_toggle title=»GET SETTINGS» open=»false» el_class=»shortcode-code»][dt_gap height=»10″ /]VC Element: «Progress Bar»

Graphic values:
90|Development|#97dd34
70|Design|#e62a5a
80|Marketing|#7c51b6
60|Photography|#ff8c25
40|WordPress|#34beec

Units: %

Bar color: Custom, #1e73be

Options: Add Stripes.

Text position: On the bar.[dt_gap height=»10″ /][/vc_toggle][vc_empty_space height=»60px»][vc_progress_bar values=»90|Development — 10 years,80|Design — 8 years,70|Marketing — 6 years,60|Photography — 4 years,50|WordPress — 3 years» bgcolor=»accent-bg» caption_pos=»on» options=»striped,animated» custombgcolor=»#1e73be»][vc_empty_space height=»25px»][vc_toggle title=»GET SETTINGS» open=»false» el_class=»shortcode-code»][dt_gap height=»10″ /]VC Element: «Progress Bar»

Graphic values:
90|Development — 10 years
80|Design — 8 years
70|Marketing — 6 years
60|Marketing — 4 years
50|Marketing — 3 years

Units: [leave empty]

Bar color: Accent

Options: Add Stripes. Add aniimation.

Text position: On the bar.[dt_gap height=»10″ /][/vc_toggle][vc_empty_space height=»80px»][dt_fancy_title title=»Text above progress bars» title_align=»left» title_size=»h6″ title_color=»custom» separator_style=»disabled» el_width=»100″ title_bg=»enabled» separator_color=»accent» custom_title_color=»#ffffff»][vc_empty_space height=»45px»][vc_progress_bar values=»90|Development|#97dd34,70|Design|#e62a5a,80|Marketing|#7c51b6,60|Photography|#ff8c25,40|WordPress|#34beec» bgcolor=»custom» caption_pos=»top» custombgcolor=»#1e73be» units=»%»][vc_empty_space height=»25px»][vc_toggle title=»GET SETTINGS» open=»false» el_class=»shortcode-code»][dt_gap height=»10″ /]VC Element: «Progress Bar»

Graphic values:
90|Development|#97dd34
70|Design|#e62a5a
80|Marketing|#7c51b6
60|Photography|#ff8c25
40|WordPress|#34beec

Units: %

Bar color: Custom, #1e73be

Options: not-selected

Text position: Above the bar.[dt_gap height=»10″ /][/vc_toggle][vc_empty_space height=»45px»][vc_progress_bar values=»90|Development,80|Design,70|Marketing,60|Photography,50|WordPress» bgcolor=»accent-bg» caption_pos=»top» options=»striped»][vc_empty_space height=»25px»][vc_toggle title=»GET SETTINGS» open=»false» el_class=»shortcode-code»][dt_gap height=»10″ /]VC Element: «Progress Bar»

Graphic values:
90|Development
80|Design
70|Marketing
60|Photography
50|WordPress

Units: [leave empty]

Bar color: Accent

Options: Add Stripes.

Text position: Above the bar.[dt_gap height=»10″ /][/vc_toggle][/vc_column][/vc_row]