Progress bars

Text on progress bars

Development
Design
Marketing
Photography
Consulting
Design
Marketing
Photography
Consulting
Development
Development
Design
Marketing
Photography
Consulting

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Progress Bar”

Values

Label: Development, Value: 90, Color: Default

Label: Design, Value: 80, Color: Default

Label: Marketing, Value: 70, Color: Default

Label: Photography, Value: 60, Color: Default

Label: Consulting, Value: 50, Color: Default

Units: [leave empty]

Color: Accent

Add stripes: Yes

Add animation (Note: visible only with striped bar): Yes

Style: Style 1 (text on the bar)

Background: Default[dt_gap height=”10″ /]

Text above thick progress bars

Development
Design
Marketing
Photography
Consulting
Design
Marketing
Photography
Consulting
Development
Development
Design
Marketing
Photography
Consulting

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Progress Bar”

Values

Label: Development, Value: 90, Color: Default

Label: Design, Value: 80, Color: Default

Label: Marketing, Value: 70, Color: Default

Label: Photography, Value: 60, Color: Default

Label: Consulting, Value: 50, Color: Default

Units: [leave empty]

Color: Custom

Bar custom background color: #f44336

Bar custom background text: [leave empty]

Add stripes: No

Add animation (Note: visible only with striped bar): No

Style: Style 2 (text above the thick bar)

Background: Default[dt_gap height=”10″ /]

Text above thin progress bars

Development
Design
Marketing
Photography
Consulting
Design
Marketing
Photography
Consulting
Development
Development
Design
Marketing
Photography
Consulting

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Progress Bar”

Values

Label: Development, Value: 90, Color: Default

Label: Design, Value: 80, Color: Default

Label: Marketing, Value: 70, Color: Default

Label: Photography, Value: 60, Color: Default

Label: Consulting, Value: 50, Color: Default

Units: [leave empty]

Color: Custom

Bar custom background color: #178be7

Bar custom background text: [leave empty]

Add stripes: Yes

Add animation (Note: visible only with striped bar): No

Style: Style 3 (text above the thin bar)

Background: Default[dt_gap height=”10″ /]