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