Progress Bars

[nz_separator color_from=”#5c63e8″ color_to=”#4ea4fd” top=”0″ width=”120″ height=”3″ align=”center”]

Add animated progress bars to show your infographic data. You can control the styling options, add unlimited progress bars and put the element inside other container based elements.

[nz_progress title=”CREATIVITY” percentage=”70″ font_weight=”600″ text_color=”#999999″ bar_color_from=”#a490e4″ bar_color_to=”#5ba7f5″ track_color=”#f0f0f0″][nz_gap height=”5″][nz_progress title=”CONVERTING” percentage=”54″ font_weight=”600″ text_color=”#999999″ bar_color_from=”#a490e4″ bar_color_to=”#5ba7f5″ track_color=”#f0f0f0″][nz_gap height=”5″][nz_progress title=”MARKETING” percentage=”94″ font_weight=”600″ text_color=”#999999″ bar_color_from=”#a490e4″ bar_color_to=”#5ba7f5″ track_color=”#f0f0f0″]
[nz_progress title=”DEVELOPMENT” percentage=”80″ font_weight=”600″ text_color=”#999999″ bar_color_from=”#d829bb” bar_color_to=”#d92a5f” track_color=”#f0f0f0″][nz_gap height=”5″][nz_progress title=”DESIGN” percentage=”95″ font_weight=”600″ text_color=”#999999″ bar_color_from=”#d829bb” bar_color_to=”#d92a5f” track_color=”#f0f0f0″][nz_gap height=”5″][nz_progress title=”ANALYTICS” percentage=”70″ font_weight=”600″ text_color=”#999999″ bar_color_from=”#d829bb” bar_color_to=”#d92a5f” track_color=”#f0f0f0″]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.

[nz_progress title=”Creativity” percentage=”70″ font_weight=”600″ text_color=”#333333″ bar_color_from=”#a490e4″ track_color=”#f0f0f0″][nz_gap height=”5″][nz_progress title=”Marketing” percentage=”100″ font_weight=”600″ text_color=”#333333″ bar_color_from=”#a490e4″ track_color=”#f0f0f0″][nz_gap height=”5″][nz_progress title=”Converting” percentage=”47″ font_weight=”600″ text_color=”#333333″ bar_color_from=”#a490e4″ track_color=”#f0f0f0″]
[nz_progress title=”Development” percentage=”70″ font_weight=”600″ text_color=”#333333″ bar_color_to=”#5ba7f5″ track_color=”#f0f0f0″][nz_gap height=”5″][nz_progress title=”Design” percentage=”87″ font_weight=”600″ text_color=”#333333″ bar_color_to=”#5ba7f5″ track_color=”#f0f0f0″][nz_gap height=”5″][nz_progress title=”Analytics” percentage=”65″ font_weight=”600″ text_color=”#333333″ bar_color_to=”#5ba7f5″ track_color=”#f0f0f0″]
[nz_progress title=”Creativity” percentage=”35″ font_weight=”600″ text_color=”#333333″ bar_color_from=”#5c63e8″ bar_color_to=”#5c63e8″ track_color=”#f0f0f0″][nz_gap height=”5″][nz_progress title=”Development” percentage=”98″ font_weight=”600″ text_color=”#333333″ bar_color_from=”#5c63e8″ bar_color_to=”#5c63e8″ track_color=”#f0f0f0″][nz_gap height=”5″][nz_progress title=”SEO” percentage=”65″ font_weight=”600″ text_color=”#333333″ bar_color_from=”#5c63e8″ bar_color_to=”#5c63e8″ track_color=”#f0f0f0″]

Progress Bars

[nz_separator color_from=”#ffffff” color_to=”#ffffff” top=”0″ width=”120″ height=”3″ align=”center”]

Add animated progress bars to show your infographic data. You can control the styling options, add unlimited progress bars and put the element inside other container based elements.

[nz_progress title=”CREATIVITY” percentage=”70″ font_weight=”600″ text_color=”#ffffff” bar_color_from=”#ffffff” bar_color_to=”#ffffff” track_color=”rgba(255,255,255,0.4)”][nz_gap height=”5″][nz_progress title=”CONVERTING” percentage=”54″ font_weight=”600″ text_color=”#ffffff” bar_color_from=”#a490e4″ track_color=”rgba(255,255,255,0.4)”][nz_gap height=”5″][nz_progress title=”MARKETING” percentage=”94″ font_weight=”600″ text_color=”#ffffff” bar_color_to=”#5ba7f5″ track_color=”rgba(255,255,255,0.4)”]
[nz_progress title=”DEVELOPMENT” percentage=”80″ font_weight=”600″ text_color=”#ffffff” bar_color_from=”#d829bb” bar_color_to=”#d829bb” track_color=”rgba(255,255,255,0.4)”][nz_gap height=”5″][nz_progress title=”DESIGN” percentage=”95″ font_weight=”600″ text_color=”#ffffff” bar_color_from=”#5c63e8″ bar_color_to=”#5c63e8″ track_color=”rgba(255,255,255,0.4)”][nz_gap height=”5″][nz_progress title=”ANALYTICS” percentage=”70″ font_weight=”600″ text_color=”#ffffff” bar_color_from=”#ffffff” bar_color_to=”#ffffff” track_color=”rgba(255,255,255,0.4)”]

Circle Progress

[nz_separator color_from=”#5c63e8″ color_to=”#4ea4fd” top=”0″ width=”120″ height=”3″ align=”center”]

Add animated circle progresses to show your infographic data. You can control the styling options, add unlimited progress circles and put the element inside other container based elements.

[nz_circle_progress percentage=”50″ text_color=”#333333″ bar_color=”#a490e4″][nz_circle_progress percentage=”60″ text_color=”#333333″ bar_color=”#9178e2″][nz_circle_progress percentage=”70″ text_color=”#333333″ bar_color=”#7e5fe2″][nz_circle_progress percentage=”80″ text_color=”#333333″ bar_color=”#6a46e2″]

Circle Progress

[nz_separator color_from=”#ffffff” color_to=”#ffffff” top=”0″ width=”120″ height=”3″ align=”center”]

Add animated circle progresses to show your infographic data. You can control the styling options, add unlimited progress circles and put the element inside other container based elements.

[nz_circle_progress percentage=”50″ font_size=”38px” font_weight=”400″ line_height=”38px” text_color=”#ffffff” bar_color=”#ffffff” track_color=”rgba(225,225,225,0.05)”][nz_circle_progress percentage=”70″ font_size=”38px” font_weight=”400″ line_height=”38px” text_color=”#ffffff” bar_color=”#ffffff” track_color=”rgba(225,225,225,0.05)”][nz_circle_progress percentage=”90″ font_size=”38px” font_weight=”400″ line_height=”38px” text_color=”#ffffff” bar_color=”#ffffff” track_color=”rgba(225,225,225,0.05)”]

Counters

[nz_separator color_from=”#5c63e8″ color_to=”#4ea4fd” top=”0″ width=”120″ height=”3″ align=”center”]

Use this element to show your numbers. Very useful to present numeric information on your business. Element options are customizable, you can control the styling and typography.

[nz_counter number=”3516″ font_weight=”600″ letter_spacing=”1.5px” color=”#333333″][nz_separator color_from=”#5c63e8″ color_to=”#4ea4fd” top=”15″ bottom=”15″ width=”50″ height=”3″ align=”center”]

CLIENTS SUPPORTED

[nz_gap custom_class=”hide768″]
[nz_counter number=”9845″ font_weight=”700″ letter_spacing=”1.5px” color=”#333333″][nz_separator color_from=”#5c63e8″ color_to=”#4ea4fd” top=”15″ bottom=”15″ width=”50″ height=”3″ align=”center”]

PROJECTS FINISHED

[nz_gap custom_class=”hide768″]
[nz_counter number=”6843″ font_weight=”700″ letter_spacing=”1.5px” color=”#333333″][nz_separator color_from=”#5c63e8″ color_to=”#4ea4fd” top=”15″ bottom=”15″ width=”50″ height=”3″ align=”center”]

WINNING AWWARDS

[nz_gap custom_class=”hide768″]
[nz_counter number=”3516″ font_weight=”700″ letter_spacing=”1.5px” color=”#333333″][nz_separator color_from=”#5c63e8″ color_to=”#4ea4fd” top=”15″ bottom=”15″ width=”50″ height=”3″ align=”center”]

SUPPORT TICKETS

[nz_gap custom_class=”hide768″]
[nz_counter number=”3516″ font_size=”92px” font_weight=”300″ line_height=”92px” letter_spacing=”1.5px” color=”#a490e4″][nz_separator top=”15″ bottom=”15″ height=”1″ align=”center”]

HAPPY CLIENTS

[nz_gap custom_class=”hide768″]
[nz_counter number=”9743″ font_size=”92px” font_weight=”300″ line_height=”92px” letter_spacing=”1.5px” color=”#a490e4″][nz_separator top=”15″ bottom=”15″ height=”1″ align=”center”]

PROJECTS FINISHED

[nz_gap custom_class=”hide768″]
[nz_counter number=”6716″ font_size=”92px” font_weight=”300″ line_height=”92px” letter_spacing=”1.5px” color=”#a490e4″][nz_separator top=”15″ bottom=”15″ height=”1″ align=”center”]

WINNING AWWARDS

[nz_gap custom_class=”hide768″]
[nz_counter number=”3516″ number_prefix=”K” font_size=”28px” font_weight=”600″ line_height=”28px” letter_spacing=”1.5px”]

HAPPY CLIENTS

[nz_gap custom_class=”hide768″]
[nz_counter number=”8498″ number_prefix=”M” font_size=”28px” font_weight=”600″ line_height=”28px” letter_spacing=”1.5px”]

PROJECTS FINISHED

[nz_gap custom_class=”hide768″]
[nz_counter number=”9849″ number_prefix=”$” font_size=”28px” font_weight=”600″ line_height=”28px” letter_spacing=”1.5px”]

EARNINGS

[nz_gap custom_class=”hide768″]
[nz_counter number=”100″ number_prefix=”%” font_size=”28px” font_weight=”600″ line_height=”28px” letter_spacing=”1.5px”]

QUALITY

[nz_gap custom_class=”hide768″]

Timer

[nz_separator color_from=”#ffffff” color_to=”#ffffff” top=”0″ width=”120″ height=”3″ align=”center”]

Timer elements lets you set a count down to the targeted date and time. This way you can plan your marketing/sales companies and inform your clients about the period. Very useful element for modern website marketing.

[nz_timer enddate=”June 7, 2025 15:03:25″ days=”DAYS” hours=”HOURS” minutes=”MINUTES” seconds=”SECONDS” value_font_weight=”700″ value_line_height=”42px” value_letter_spacing=”1.5px” value_text_color=”#ffffff” title_font_size=”14px” title_font_weight=”700″ title_line_height=”26px” title_letter_spacing=”1px” title_text_color=”#ffffff” border_color=”#ffffff” border_radius=”3px”]

Animated Charts

[nz_separator color_from=”#5c63e8″ color_to=”#4ea4fd” top=”0″ width=”120″ height=”3″ align=”center”]

Add animated charts and put your content to the next level. Very useful infographic tools for numeric data presentation.

[nz_gap height=”15″]
  • Development
  • Design
  • Analytics
[nz_gap height=”15″]
  • Development
  • Design
  • Analytics
  • 2019
  • 2015