Progress Bars

[vc_row row_layout=”false” bg_position=”50% 0″ bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” video_type=”video-in” video_poster_position=”50% 0″ parallax_bg=”false” padding_bottom=”20″][vc_column width=”1/2″][vc_column_text]

Multiple Progress Bars

Sed et enim rhoncus, volutpat eros quis, tincidunt lorem. Ut tempus, dolor eu sodales malesuada, enim leo dapibus nisi, at pharetra risus quam non risus. Pellentesque est metus, cursus rhoncus justo eget, mattis fermentum velit. Aenean mattis vel sem non condimentum. Aenean suscipit semper justo ac lacinia. Sed ut diam egestas justo auctor commodo.[/vc_column_text][ev_gap height=”20″][ev_progress_bar values=”90|JAVASCRIPT” bgcolor=”bar_turquoise” units=”%” options=”striped” barcolor=”bar_grey”][ev_progress_bar values=”35|NODE.JS” bgcolor=”bar_black” units=”%” options=”striped”][ev_progress_bar values=”80|CSS” bgcolor=”bar_grey” units=”%” options=”striped”][ev_gap height=”30″][/vc_column][vc_column width=”1/2″][vc_column_text]

Animated Multiple Progress Bars

[/vc_column_text][ev_progress_bar values=”100|HTML” bgcolor=”bar_orange” units=”%” options=”striped,animated” barcolor=”custom” custombgcolor=”#cb924b”][ev_progress_bar values=”80|CSS” bgcolor=”bar_grey” units=”%” options=”striped,animated”][ev_progress_bar values=”90|JAVASCRIPT” bgcolor=”bar_green” units=”%” options=”striped,animated”][ev_progress_bar values=”35|NODE.JS” bgcolor=”bar_black” units=”%” options=”striped,animated”][ev_progress_bar values=”52|BACKBONE” bgcolor=”bar_red” units=”%” options=”striped,animated”][ev_gap height=”30″][/vc_column][/vc_row][vc_row row_layout=”false” type=”1″ bg_position=”50% 0″ bg_repeat=”no-repeat” bg_cover=”true” bg_attachment=”false” video_type=”video-in” video_poster_position=”50% 0″ parallax_bg=”false” css_animation=”fade-in” padding_bottom=”45″ bg_color=”#181818″ no_with_border=”true”][vc_column width=”1/1″][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]

Alternative Progress Bars

Sed et enim rhoncus, volutpat eros quis, tincidunt lorem. Ut tempus, dolor eu sodales malesuada, enim leo dapibus nisi, at pharetra risus quam non risus. Pellentesque est metus, cursus rhoncus justo eget, mattis fermentum velit. Donec viverra quis enim in luctus. Pellentesque non purus tincidunt, fringilla nibh quis, blandit libero. Nullam facilisis laoreet massa in tincidunt. Duis adipiscing mi elit, vel tempor urna rutrum aliquam. Phasellus scelerisque condimentum magna eget aliquam.[/vc_column_text][ev_gap height=”30″][/vc_column_inner][vc_column_inner width=”1/2″][ev_progress_bar values=”80|Design” bgcolor=”bar_turquoise” units=”%” barcolor=”custom” custombgcolor=”#cb924b”][ev_progress_bar values=”70|Marketing” bgcolor=”bar_blue” units=”%”][ev_progress_bar values=”90|Development” bgcolor=”bar_red” units=”%”][ev_progress_bar values=”30|Result” bgcolor=”custom” custombgcolor=”#0ca059″ units=”%”][/vc_column_inner][/vc_row_inner][ev_gap height=”40″][vc_row_inner][vc_column_inner width=”1/2″][ev_progress_bar values=”87|Development” bgcolor=”bar_red” units=”%” barcolor=”custom” custombgcolor=”#cb924b”][ev_progress_bar values=”56|Design” bgcolor=”custom” custombgcolor=”#0ca059″ units=”%”][ev_progress_bar values=”67|Experience” bgcolor=”bar_turquoise” units=”%” barcolor=”bar_grey”][ev_progress_bar values=”70|Result” bgcolor=”bar_black” units=”%”][ev_gap height=”30″][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]

Alternative Progress Bar @Left

Sed et enim rhoncus, volutpat eros quis, tincidunt lorem. Ut tempus, dolor eu sodales malesuada, enim leo dapibus nisi, at pharetra risus quam non risus. Pellentesque est metus, cursus rhoncus justo eget, mattis fermentum velit. Donec viverra quis enim in luctus. Pellentesque non purus tincidunt, fringilla nibh quis, blandit libero. Nullam facilisis laoreet massa in tincidunt. Duis adipiscing mi elit, vel tempor urna rutrum aliquam. Phasellus scelerisque condimentum magna eget aliquam.[/vc_column_text][ev_gap height=”30″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]