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”]
Development 90%
Design 70%
Marketing 80%
Photography 60%
WordPress 40%

GET SETTINGS

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

Development - 10 years
Design - 8 years
Marketing - 6 years
Photography - 4 years
WordPress - 3 years

GET SETTINGS

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

[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”]
Development 90%
Design 70%
Marketing 80%
Photography 60%
WordPress 40%

GET SETTINGS

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

Development
Design
Marketing
Photography
WordPress

GET SETTINGS

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