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.