[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_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_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_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_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]
[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_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_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_progress_bar values=»90|Development,80|Design,70|Marketing,60|Photography,50|WordPress» bgcolor=»accent-bg» caption_pos=»top» options=»striped»]
[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]