Progress bars

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