[vc_row margin_top=”0″ margin_bottom=”40″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/1″][vc_column_text]

Progress bars style 1 (from Visual Composer)

[dt_gap height=”10″ /][/vc_column_text][vc_progress_bar values=”90|Development,80|Design,70|Marketing,60|Photography” bgcolor=”bar_blue” options=”striped,animated” units=”%” custombgcolor=”#247be3″][dt_gap height=”40″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,60|Photography” bgcolor=”bar_green” units=”%” custombgcolor=”#247be3″][dt_gap height=”40″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,60|Photography” bgcolor=”bar_orange” options=”striped,animated” units=”%” custombgcolor=”#247be3″][dt_gap height=”40″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,60|Photography” bgcolor=”bar_red” options=”striped” units=”%” custombgcolor=”#247be3″][dt_gap height=”40″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,60|Photography” bgcolor=”bar_black” units=”%” custombgcolor=”#247be3″][dt_gap height=”40″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,60|Photography” bgcolor=”bar_turquoise” units=”%” custombgcolor=”#247be3″][dt_gap height=”40″][vc_column_text][dt_gap height=”40″ /]

Progress bars style 2 (text shortcode)

[dt_gap height=”5″ /]

[dt_progress_bars show_percentage=”true”][dt_progress_bar title=”Design” color=”” percentage=”100″ /][dt_progress_bar title=”Marketing” color=”#33e3d6″ percentage=”80″ /][dt_progress_bar title=”Programming” color=”#e657ad” percentage=”72″ /][dt_progress_bar title=”Photography” color=”#f2e234″ percentage=”65″ /][dt_progress_bar title=”Fashion” color=”#9cec2a” percentage=”40″ /][/dt_progress_bars]

[dt_gap height=”10″ /]

[dt_code][dt_progress_bars show_percentage=”true / false”]

[dt_progress_bar title=”TITLE” color=”#ffffff” percentage=”90″ /]

[dt_progress_bar title=”TITLE” color=”#ffffff” percentage=”80″ /]

[dt_progress_bar title=”TITLE” color=”#ffffff” percentage=”70″ /]

[/dt_progress_bars][/dt_code][/vc_column_text][/vc_column][/vc_row]