[vc_row margin_top=»-5″ margin_bottom=»10″][vc_column][vc_column_text]

Text on progress bars

[/vc_column_text][vc_empty_space height=»45px»][vc_progress_bar values=»%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%7D%5D» options=»striped,animated»][vc_empty_space height=»55px»][vc_progress_bar values=»%5B%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%23e91e63%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23f44336%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%23ff5722%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%23ff9800%22%7D%2C%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2240%22%2C%22customcolor%22%3A%22%23ffc104%22%7D%5D» bgcolor=»custom» custombgcolor=»#f44336″][vc_empty_space height=»55px»][vc_progress_bar values=»%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22customcolor%22%3A%22%23573ab7%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%234249c7%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23178be7%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%2318c8ee%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%2344e4f2%22%7D%5D» bgcolor=»custom» options=»striped» custombgcolor=»#178be7″][vc_empty_space height=»25px»][vc_toggle title=»GET SETTINGS» el_id=»1448963491487-e7e7e525-d3b2″]

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

[/vc_toggle][vc_empty_space height=»100px»][vc_column_text]

Text above thick progress bars

[/vc_column_text][vc_empty_space height=»35px»][vc_progress_bar values=»%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%7D%5D» options=»striped,animated» caption_pos=»top»][vc_empty_space height=»50px»][vc_progress_bar values=»80|Design|#e91e63,70|Marketing|#f44336,60|Photography|#ff5722,50|Consulting|#ff9800,40|Development|#ffc104″ bgcolor=»custom» caption_pos=»top» custombgcolor=»#f44336″][vc_empty_space height=»50px»][vc_progress_bar values=»%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22customcolor%22%3A%22%23573ab7%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%234249c7%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23178be7%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%2318c8ee%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%2344e4f2%22%7D%5D» bgcolor=»custom» options=»striped» caption_pos=»top» custombgcolor=»#178be7″][vc_empty_space height=»25px»][vc_toggle title=»GET SETTINGS» el_id=»1448963807995-d5c63935-4d96″]

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

[/vc_toggle][vc_empty_space height=»100px»][vc_column_text]

Text above thin progress bars

[/vc_column_text][vc_empty_space height=»35px»][vc_progress_bar values=»%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%7D%5D» options=»striped,animated» caption_pos=»thin_top»][vc_empty_space height=»50px»][vc_progress_bar values=»%5B%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%23e91e63%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23f44336%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%23ff5722%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%23ff9800%22%7D%2C%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2240%22%2C%22customcolor%22%3A%22%23ffc104%22%7D%5D» bgcolor=»custom» caption_pos=»thin_top» custombgcolor=»#f44336″][vc_empty_space height=»50px»][vc_progress_bar values=»%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22customcolor%22%3A%22%23573ab7%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%234249c7%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23178be7%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%2318c8ee%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%2344e4f2%22%7D%5D» bgcolor=»custom» options=»striped» caption_pos=»thin_top» custombgcolor=»#178be7″][vc_empty_space height=»25px»][vc_toggle title=»GET SETTINGS» el_id=»1448963362226-edcc154d-7682″]

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

[/vc_toggle][/vc_column][/vc_row]