Progress Bar

[vc_row header_feature=”yes” padding_top=”140″ padding_bottom=”140″ margin_bottom=”0″][vc_column][grve_slogan title=”Progress Bars” heading_tag=”h3″ heading=”h6″ align=”center” button_text=”” button2_text=””]This element creates horizontal bars
that get animated in accord with the percent given.[/grve_slogan][vc_empty_space height=”60″][/vc_column][vc_column width=”1/4″][/vc_column][vc_column width=”1/2″][grve_progress_bar bar_style=”style-2″ values=”90|Development,80|Design|black,70|Marketing” bar_height=”3″][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row bg_type=”color” padding_top=”140″ padding_bottom=”140″ margin_bottom=”0″ bg_color=”#f7f7f7″][vc_column width=”1/2″][grve_progress_bar values=”90|Development|primary-2,80|Design|primary-3,70|Marketing|primary-4,60|Support|primary-5″][/vc_column][vc_column width=”1/2″][grve_progress_bar values=”90|Development|primary-2,80|Design|primary-3,70|Marketing|primary-4,60|Support|primary-5″ bar_line_style=”round”][/vc_column][/vc_row][vc_row footer_feature=”yes” padding_top=”140″ padding_bottom=”140″ margin_bottom=”0″][vc_column][grve_progress_bar bar_style=”style-2″ values=”90|Development|primary-2″ bar_height=”3″][grve_progress_bar bar_style=”style-2″ values=”80|Design|primary-3″ bar_height=”8″][grve_progress_bar bar_style=”style-2″ values=”70|Marketing|primary-4″ bar_height=”10″][grve_progress_bar bar_style=”style-2″ values=”60|Support|primary-5″ bar_height=”24″][/vc_column][/vc_row]

Scroll to Top