Elements Part 5

[vc_row padding_top=”100″ padding_bottom=”25″][vc_column][vc_custom_heading text=”PROGRESS BARS” font_container=”tag:h3|font_size:26px|text_align:center|color:%23333333|line_height:36px” google_fonts=”font_family:Montserrat%3Aregular%2C700|font_style:400%20regular%3A400%3Anormal” el_class=”ninzio-latter-spacing”][nz_sep color=”#f0634c” top=”15″ bottom=”35″ width=”100″ height=”2″ align=”center”][vc_column_text pl=”150″ pr=”150″ el_class=”no-padding”]

Show animated progress with progress bar element. You can change color, background color for each bar element. You can place element into any size of column.

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=”25″ padding_bottom=”75″][vc_column width=”1/2″][nz_progress][nz_line percentage=”80″ bar_color=”#f0634c” title=”Painting” track_color=”#f5f5f5″ color=”#ffffff”][nz_line percentage=”90″ bar_color=”#f0634c” title=”Repairing” track_color=”#f5f5f5″ color=”#ffffff”][nz_line percentage=”95″ bar_color=”#f0634c” title=”Gardening” track_color=”#f5f5f5″ color=”#ffffff”][nz_line percentage=”85″ bar_color=”#f0634c” title=”Styling” track_color=”#f5f5f5″ color=”#ffffff”][/nz_progress][/vc_column][vc_column width=”1/2″][nz_progress][nz_line percentage=”80″ bar_color=”#1695a3″ title=”Painting” track_color=”#f5f5f5″ color=”#ffffff”][nz_line percentage=”60″ bar_color=”#1695a3″ title=”Repairing” track_color=”#f5f5f5″ color=”#ffffff”][nz_line percentage=”95″ bar_color=”#1695a3″ title=”Gardening” track_color=”#f5f5f5″ color=”#ffffff”][nz_line bar_color=”#1695a3″ title=”Styling” track_color=”#f5f5f5″ color=”#ffffff”][/nz_progress][/vc_column][/vc_row][vc_row background_color=”#333333″ background_image=”5127″ background_repeat=”repeat” padding_top=”80″ padding_bottom=”30″ video=”true” overlay_pattern=”14″][vc_column][nz_counter columns=”4″][nz_count value=”7860″ border_color=”#525252″ text_color=”#f0634c” value_color=”#ffffff” title=”Clients” icon=”icon-users2″ icon_color=”#ffffff” title_color=”#ffffff” count_color=”#ffffff”][nz_count value=”9720″ border_color=”#525252″ text_color=”#f0634c” value_color=”#ffffff” title=”Earnings” icon=”icon-coin” icon_color=”#ffffff” title_color=”#ffffff” count_color=”#ffffff”][nz_count value=”5740″ border_color=”#525252″ text_color=”#f0634c” value_color=”#ffffff” title=”Repairing” icon=”icon-wand” icon_color=”#ffffff” title_color=”#ffffff” count_color=”#ffffff”][nz_count value=”3890″ border_color=”#525252″ text_color=”#f0634c” value_color=”#ffffff” title=”Playlists” icon=”icon-music2″ icon_color=”#ffffff” title_color=”#ffffff” count_color=”#ffffff”][/nz_counter][/vc_column][/vc_row][vc_row padding_top=”100″ padding_bottom=”25″][vc_column][vc_custom_heading text=”CIRCLE PROGRESS” font_container=”tag:h3|font_size:26px|text_align:center|color:%23333333|line_height:36px” google_fonts=”font_family:Montserrat%3Aregular%2C700|font_style:400%20regular%3A400%3Anormal” el_class=”ninzio-latter-spacing”][nz_sep color=”#f0634c” top=”15″ bottom=”35″ width=”100″ height=”2″ align=”center”][vc_column_text pl=”150″ pr=”150″ el_class=”no-padding”]

Show animated progress with circle progress bar element. You can change color, background color for each bar element. You can choose column for circle progress element.

[/vc_column_text][/vc_column][/vc_row][vc_row padding_bottom=”0″][vc_column][nz_circle_progress align=”center”][nz_circle percentage=”80″ bar_color=”#f0634c” track_color=”#ebebeb” color=”#f0634c” icon=””]

VISUAL COMPOSER

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.

[/nz_circle][nz_circle percentage=”65″ bar_color=”#f0634c” track_color=”#ebebeb” color=”#f0634c” icon=””]

GREAT SUPPORT

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.

[/nz_circle][nz_circle percentage=”90″ bar_color=”#f0634c” track_color=”#ebebeb” color=”#f0634c” icon=””]

REPAIRING SERVICES

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.

[/nz_circle][nz_circle percentage=”65″ bar_color=”#f0634c” track_color=”#ebebeb” color=”#f0634c” icon=””]

UNLIMITED DEMOS

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.

[/nz_circle][/nz_circle_progress][/vc_column][/vc_row][vc_row padding_top=”100″ padding_bottom=”25″][vc_column][vc_custom_heading text=”ICON PROGRESS” font_container=”tag:h3|font_size:26px|text_align:center|color:%23333333|line_height:36px” google_fonts=”font_family:Montserrat%3Aregular%2C700|font_style:400%20regular%3A400%3Anormal” el_class=”ninzio-latter-spacing”][nz_sep color=”#f0634c” top=”15″ bottom=”35″ width=”100″ height=”2″ align=”center”][vc_column_text pl=”150″ pr=”150″ el_class=”no-padding”]

Show animated progress with icon progress bar element. You can change color, background color for each icon bar element. You can place element into any size of column.

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=”25″ padding_bottom=”75″][vc_column width=”1/2″][nz_icon_progress icon=”icon-music2″ inactive_color=”#c0c0c0″ active_color=”#f0634c” number=”7″ active=”5″ align=”center”][nz_icon_progress icon=”icon-banknote” inactive_color=”#c0c0c0″ active_color=”#f0634c” number=”7″ active=”3″ align=”center”][nz_icon_progress icon=”icon-lab2″ inactive_color=”#c0c0c0″ active_color=”#f0634c” number=”7″ active=”4″ align=”center”][/vc_column][vc_column width=”1/2″][nz_icon_progress icon=”icon-t-shirt” inactive_color=”#c0c0c0″ active_color=”#1695a3″ number=”7″ active=”4″ align=”center”][nz_icon_progress icon=”icon-data” inactive_color=”#c0c0c0″ active_color=”#1695a3″ number=”7″ active=”6″ align=”center”][nz_icon_progress icon=”icon-clip” inactive_color=”#c0c0c0″ active_color=”#1695a3″ number=”7″ active=”3″ align=”center”][/vc_column][/vc_row][vc_row background_color=”#272e35″ background_image=”5127″ background_position=”Center center” background_attachment=”fixed” padding_top=”150″ padding_bottom=”100″][vc_column extra_class=”no-padding” pl=”250″ pr=”250″][vc_custom_heading text=”TIMER ELEMENT” font_container=”tag:h2|font_size:46px|text_align:center|color:%23ffffff|line_height:56px” google_fonts=”font_family:Montserrat%3Aregular%2C700|font_style:700%20bold%20regular%3A700%3Anormal” el_class=”ninzio-latter-spacing”][nz_gap height=”15″][vc_custom_heading text=”CREATING A BRIGHTER FUTURE TOGETHER” font_container=”tag:h3|font_size:18px|text_align:center|color:%23ffffff|line_height:28px” google_fonts=”font_family:Montserrat%3Aregular%2C700|font_style:400%20regular%3A400%3Anormal” el_class=”ninzio-latter-spacing”][nz_sep color=”#f0634c” top=”15″ bottom=”35″ width=”100″ height=”2″ align=”center”][nz_timer enddate=”June 7, 2019 15:03:25″ text_color=”#ff573a” value_color=”#ffffff”][/vc_column][/vc_row][vc_row background_color=”#f5f5f5″ padding_top=”100″ padding_bottom=”25″][vc_column][vc_custom_heading text=”ANIMATED CHARTS” font_container=”tag:h3|font_size:26px|text_align:center|color:%23333333|line_height:36px” google_fonts=”font_family:Montserrat%3Aregular%2C700|font_style:400%20regular%3A400%3Anormal” el_class=”ninzio-latter-spacing”][nz_sep color=”#f0634c” top=”15″ bottom=”35″ width=”100″ height=”2″ align=”center”][vc_column_text pl=”150″ pr=”150″ el_class=”no-padding”]

Show information in graphics with animated chart elements. You can change color, background color for each chart element. You can place element into any size of column.

[/vc_column_text][/vc_column][/vc_row][vc_row background_color=”#f5f5f5″ padding_top=”25″ padding_bottom=”75″][vc_column width=”1/3″][vc_round_chart stroke_width=”2″ legend=”” values=”%5B%7B%22title%22%3A%22Video%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22turquoise%22%7D%2C%7B%22title%22%3A%22Audio%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22orange%22%7D%2C%7B%22title%22%3A%22Photo%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22green%22%7D%5D”][/vc_column][vc_column width=”1/3″][vc_line_chart legend=”” values=”%5B%7B%22title%22%3A%22Video%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22turquoise%22%7D%2C%7B%22title%22%3A%22Audio%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22orange%22%7D%2C%7B%22title%22%3A%22Photo%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22green%22%7D%5D”][/vc_column][vc_column width=”1/3″][vc_round_chart type=”doughnut” style=”modern” stroke_width=”2″ legend=”” values=”%5B%7B%22title%22%3A%22Video%22%2C%22value%22%3A%2225%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Audio%22%2C%22value%22%3A%2225%22%2C%22color%22%3A%22orange%22%7D%2C%7B%22title%22%3A%22Photo%22%2C%22value%22%3A%2250%22%2C%22color%22%3A%22violet%22%7D%5D”][/vc_column][/vc_row]