Progress bars

[vc_row][vc_column width=”1/1″][vc_welcome1 title_font=” ” content_font=” “]

Adding progress bars to your content.

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]