[vc_row][vc_column width=”1/1″][vc_welcome1 title_font=” ” content_font=” “]
There are 7 predefined colors available for progress bars. But you can set any color that you want. You can also add stripes with or without animation. Each progress bar will fill it’s content once it’s on the visible part of the browser.
[/vc_welcome1][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_separator separator_type=”tripple_dotted”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_text_separator title=”With green color” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_green” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With green color & stripes” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_green” options=”striped” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With green color & stripes + animation” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_green” options=”striped,animated” units=”%”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_text_separator title=”With turquoise color” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_turquoise” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With turquoise color & stripes” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_turquoise” options=”striped” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With turquoise color & stripes + animation” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_turquoise” options=”striped,animated” units=”%”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_text_separator title=”With red color” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_red” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With red color & stripes” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_red” options=”striped” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With red color & stripes + animation” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_red” options=”striped,animated” units=”%”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_text_separator title=”With grey color” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_grey” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With grey color & stripes” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_grey” options=”striped” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With grey color & stripes + animation” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_grey” options=”striped,animated” units=”%”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_text_separator title=”With blue color” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_blue” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With blue color & stripes” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_blue” options=”striped” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With blue color & stripes + animation” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_blue” options=”striped,animated” units=”%”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_text_separator title=”With orange color” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_orange” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With orange color & stripes” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_orange” options=”striped” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With orange color & stripes + animation” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_orange” options=”striped,animated” units=”%”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_text_separator title=”With black color” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_black” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With black color & stripes” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_black” options=”striped” units=”%”][/vc_column][vc_column width=”1/3″][vc_text_separator title=”With black color & stripes + animation” title_align=”separator_align_left” title_heading=”none” separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”bar_black” options=”striped,animated” units=”%”][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_text_separator title=”With custom color and custom size” title_align=”separator_align_center” title_heading=”h5″ separator_type=”type2″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,75|Print” bgcolor=”custom” units=”%” custombgcolor=”#83a741″ height=”50″ font_size=”14″][/vc_column][/vc_row]