PROGRESS BARS

( محتوای مطالب ) حتما تا انتهای این مقاله با ما همراه باشید زمان تقریبی مطالعه 5 دقیقه .

[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.

Rate this page
×

سلام !

آنچه شما نیاز دارید. کارشناسان ما برای مشاوره رایگان در اختیار شما هستند

طراحی و بهینه سازی وبسایت سئو

 09124272670

× مشاوره / چت