GET SETTINGS
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
Text above thick progress bars
GET SETTINGS
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
Text above thin progress bars
GET SETTINGS
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