Dark Light

Elements Part 5

PROGRESS BARS

[nz_sep color= »#ffb700″ top= »15″ bottom= »35″ width= »100″ height= »2″ align= »center »]

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.

[nz_progress][nz_line percentage= »80″ bar_color= »#ffb700″ title= »Painting » track_color= »#f5f5f5″ color= »#ffffff »][nz_line percentage= »90″ bar_color= »#ffb700″ title= »Repairing » track_color= »#f5f5f5″ color= »#ffffff »][nz_line percentage= »95″ bar_color= »#ffb700″ title= »Gardening » track_color= »#f5f5f5″ color= »#ffffff »][nz_line percentage= »85″ bar_color= »#ffb700″ title= »Styling » track_color= »#f5f5f5″ color= »#ffffff »][/nz_progress]
[nz_progress][nz_line percentage= »80″ bar_color= »#009ee3″ title= »Painting » track_color= »#f5f5f5″ color= »#ffffff »][nz_line percentage= »60″ bar_color= »#009ee3″ title= »Repairing » track_color= »#f5f5f5″ color= »#ffffff »][nz_line percentage= »95″ bar_color= »#009ee3″ title= »Gardening » track_color= »#f5f5f5″ color= »#ffffff »][nz_line bar_color= »#009ee3″ title= »Styling » track_color= »#f5f5f5″ color= »#ffffff »][/nz_progress]
[nz_counter columns= »4″][nz_count value= »7860″ border_color= »#525252″ text_color= »#ffb700″ 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= »#ffb700″ 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= »#ffb700″ 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= »#ffb700″ value_color= »#ffffff » title= »Playlists » icon= »icon-music2″ icon_color= »#ffffff » title_color= »#ffffff » count_color= »#ffffff »][/nz_counter]

CIRCLE PROGRESS

[nz_sep color= »#ffb700″ top= »15″ bottom= »35″ width= »100″ height= »2″ align= »center »]

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.

[nz_circle_progress align= »center »][nz_circle percentage= »80″ bar_color= »#ffb700″ track_color= »#ebebeb » color= »#ffb700″ icon= » »]

VISUAL COMPOSER

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

[/nz_circle][nz_circle percentage= »65″ bar_color= »#ffb700″ track_color= »#ebebeb » color= »#ffb700″ icon= » »]

GREAT SUPPORT

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

[/nz_circle][nz_circle percentage= »90″ bar_color= »#ffb700″ track_color= »#ebebeb » color= »#ffb700″ icon= » »]

REPAIRING SERVICES

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

[/nz_circle][nz_circle percentage= »65″ bar_color= »#ffb700″ track_color= »#ebebeb » color= »#ffb700″ icon= » »]

UNLIMITED DEMOS

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

[/nz_circle][/nz_circle_progress]

ICON PROGRESS

[nz_sep color= »#ffb700″ top= »15″ bottom= »35″ width= »100″ height= »2″ align= »center »]

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.

[nz_icon_progress icon= »icon-music2″ inactive_color= »#c0c0c0″ active_color= »#ffb700″ number= »7″ active= »5″ align= »center »][nz_icon_progress icon= »icon-banknote » inactive_color= »#c0c0c0″ active_color= »#ffb700″ number= »7″ active= »3″ align= »center »][nz_icon_progress icon= »icon-lab2″ inactive_color= »#c0c0c0″ active_color= »#ffb700″ number= »7″ active= »4″ align= »center »]
[nz_icon_progress icon= »icon-t-shirt » inactive_color= »#c0c0c0″ active_color= »#009ee3″ number= »7″ active= »4″ align= »center »][nz_icon_progress icon= »icon-data » inactive_color= »#c0c0c0″ active_color= »#009ee3″ number= »7″ active= »6″ align= »center »][nz_icon_progress icon= »icon-clip » inactive_color= »#c0c0c0″ active_color= »#009ee3″ number= »7″ active= »3″ align= »center »]

TIMER ELEMENT

[nz_gap height= »15″]

CREATING A BRIGHTER FUTURE TOGETHER

[nz_sep color= »#ffb700″ top= »15″ bottom= »35″ width= »100″ height= »2″ align= »center »][nz_timer enddate= »June 7, 2019 15:03:25″ text_color= »#ffb700″ value_color= »#ffffff »]

ANIMATED CHARTS

[nz_sep color= »#ffb700″ top= »15″ bottom= »35″ width= »100″ height= »2″ align= »center »]

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.