Progress Bar

[vc_row][vc_column][vc_row_inner gap=”35″][vc_column_inner width=”1/3″][us_progbar title=”Development” count=”90″ size=”5px”][us_progbar title=”Design” count=”80″ size=”5px”][us_progbar title=”Marketing” count=”70″ size=”5px”][/vc_column_inner][vc_column_inner width=”1/3″][us_progbar title=”Research” count=”46″ color=”secondary”][us_progbar title=”Identity” count=”66″ color=”secondary”][us_progbar title=”Graphic Design” count=”87″ color=”secondary”][/vc_column_inner][vc_column_inner width=”1/3″][us_progbar title=”Simple Progress Bar” count=”100″ color=”custom” size=”15px” bar_color=”#1dc69f”][us_progbar title=”Simple Progress Bar” count=”69″ color=”custom” size=”15px” bar_color=”#1ea1c9″][us_progbar title=”Simple Progress Bar” count=”28″ color=”custom” size=”15px” bar_color=”#95ce50″][/vc_column_inner][/vc_row_inner][us_separator][vc_row_inner gap=”35″][vc_column_inner width=”1/2″][us_progbar title=”Development” count=”90″ style=”2″ size=”24px”][us_progbar title=”Identity” count=”80″ style=”2″ size=”24px”][us_progbar title=”Marketing” count=”70″ style=”2″ size=”24px”][us_progbar title=”Research” count=”60″ style=”2″ size=”24px”][/vc_column_inner][vc_column_inner width=”1/2″][us_progbar count=”100″ style=”2″ color=”custom” size=”40px” bar_color=”#ff3d3d”][us_progbar count=”75″ style=”2″ color=”custom” size=”40px” bar_color=”#ff712b”][us_progbar style=”2″ color=”custom” size=”40px” bar_color=”#ffbb00″][/vc_column_inner][/vc_row_inner][us_separator][vc_row_inner gap=”35″][vc_column_inner width=”1/3″][us_progbar title=”Development” count=”90″ style=”4″ size=”4px”][us_progbar title=”Design” count=”80″ style=”4″ size=”4px”][us_progbar title=”Marketing” count=”70″ style=”4″ size=”4px”][/vc_column_inner][vc_column_inner width=”1/3″][us_progbar title=”Research” count=”46″ style=”4″ color=”secondary” size=”6px”][us_progbar title=”Identity” count=”66″ style=”4″ color=”secondary” size=”6px”][us_progbar title=”Graphic Design” count=”87″ style=”4″ color=”secondary” size=”6px”][/vc_column_inner][vc_column_inner width=”1/3″][us_progbar title=”Wrath” count=”95″ style=”4″ color=”custom” size=”8px” bar_color=”#999999″][us_progbar title=”Pride” count=”69″ style=”4″ color=”custom” size=”8px” bar_color=”#666666″][us_progbar title=”Envy” count=”28″ style=”4″ color=”custom” size=”8px” bar_color=”#333333″][/vc_column_inner][/vc_row_inner][us_separator][vc_row_inner gap=”35″][vc_column_inner width=”1/2″][us_progbar title=”First Research” count=”46″ style=”3″ size=”6px”][us_progbar title=”Web Development” count=”66″ style=”3″ size=”6px”][us_progbar title=”Graphic Design” count=”87″ style=”3″ size=”6px”][/vc_column_inner][vc_column_inner width=”1/2″][us_progbar title=”Photography” count=”77″ style=”3″ color=”custom” size=”8px” bar_color=”#95ce50″][us_progbar title=”Illustration” count=”55″ style=”3″ color=”custom” size=”8px” bar_color=”#81b245″][us_progbar title=”Design & Art” count=”33″ style=”3″ color=”custom” size=”8px” bar_color=”#699131″][/vc_column_inner][/vc_row_inner][us_separator][vc_row_inner gap=”35″][vc_column_inner width=”1/3″][us_progbar title=”Development” count=”90″ style=”5″ size=”2px”][us_progbar title=”Design” count=”80″ style=”5″ size=”2px”][us_progbar title=”Marketing” count=”70″ style=”5″ size=”2px”][/vc_column_inner][vc_column_inner width=”1/3″][us_progbar title=”Research” count=”46″ style=”5″ color=”heading” size=”4px”][us_progbar title=”Identity” count=”66″ style=”5″ color=”heading” size=”4px”][us_progbar title=”Graphic Design” count=”87″ style=”5″ color=”heading” size=”4px”][/vc_column_inner][vc_column_inner width=”1/3″][us_progbar title=”This is Progress Bar with big stylish counter” count=”91″ style=”5″ color=”custom” size=”6px” bar_color=”#ffcc00″][us_progbar title=”This is Progress Bar with big stylish counter” count=”82″ style=”5″ color=”custom” size=”6px” bar_color=”#ff9900″][us_progbar title=”This is Progress Bar with big stylish counter” count=”73″ style=”5″ color=”custom” size=”6px” bar_color=”#ff6600″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

به بالا بروید