نوارهای پیشرفت

رنگ بندی نامحدود

[progress_bar title=”Graphic Design” percent=”60″][progress_bar title=”Web Development” percent=”90″][progress_bar title=”Identity” percent=”100″][progress_bar title=”Social Strategy” percent=”75″]
[progress_bar title=”Graphic Design” percent=”60″ active_background_color=”#dac893″][progress_bar title=”Web Development” percent=”90″ active_background_color=”#dac893″][progress_bar title=”Identity” percent=”100″ active_background_color=”#dac893″][progress_bar title=”Social Strategy” percent=”75″ active_background_color=”#dac893″]

نوار پیشرفت با آیکن

Font Awesome Icons

[progress_bar_icon type=”circle” icon=”fa-male” size=”medium” icons_number=”9″ active_number=”5″ custom_size=”45″][progress_bar_icon type=”circle” icon=”fa-truck” size=”medium” icons_number=”9″ active_number=”3″ custom_size=”45″][progress_bar_icon type=”circle” icon=”fa-lightbulb-o” size=”medium” icons_number=”9″ active_number=”7″ custom_size=”45″]
[progress_bar_icon type=”circle” icon=”fa-plane” size=”medium” icons_number=”27″ active_number=”23″ custom_size=”45″ background_active_color=”#dac893″]

نمودارهای دایره ای

المان های متحرک

[pie_chart title_tag=”h4″ percent=”88″ title=”Graphic Design” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing”]
[pie_chart title_tag=”h4″ percent=”76″ title=”Identity” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing”]
[pie_chart title_tag=”h4″ percent=”68″ title=”Social Strategy” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing”]
[pie_chart title_tag=”h4″ percent=”90″ title=”Web Design” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing”]
[pie_chart_with_icon icon=”fa-eye” icon_size=”fa-4x” percent=”90″ title=”Web Design” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing”]
[pie_chart_with_icon icon=”fa-wrench” icon_size=”fa-4x” percent=”88″ title=”Graphic Design” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing”]
[pie_chart_with_icon icon=”fa-globe” icon_size=”fa-4x” percent=”76″ title=”Identity” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing”]
[pie_chart_with_icon icon=”fa-bullseye” icon_size=”fa-4x” percent=”93″ title=”Development” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing”]

شمارنده ها

اطلاعات تصویری

[counter type=”zero” position=”center” digit=”9876″ font_size=”50″]

Code Lines

[counter type=”zero” position=”center” digit=”15487″ font_size=”50″]

Custom Counters

[counter type=”random” position=”center” digit=”8874″ font_size=”50″ font_color=”#dac893″]

Working Hours

[counter type=”random” position=”center” digit=”2874″ font_size=”50″ font_color=”#dac893″]

Projects

نوارهای پبشرفت عمودی

طراحی خلاقانه

[progress_bar_vertical title=”Web Design” percent=”95″]
[progress_bar_vertical title=”Development” percent=”72″]
[progress_bar_vertical title=”Identity” percent=”45″]
[progress_bar_vertical title=”Social Strategy” percent=”15″]
[progress_bar_vertical title=”Web Design” percent=”68″]
[progress_bar_vertical title=”Qode Themes” percent=”100″]

نمودارهای خطی

اسلایدرهای متحرک

[line_graph type=”rounded” labels=”عنوان 1, عنوان 2, عنوان 3″]#eb005d,ناحیه یک,40,20,50;#f57fae,ناحیه دو,40,7,20;#fbccdf,ناحیه سه,10,80,34[/line_graph]
[line_graph type=”sharp” labels=”عنوان 1, عنوان 2, عنوان 3″]#eb005d,ناحیه یک,40,20,50;#f57fae,ناحیه دو,40,7,20;#fbccdf,ناحیه سه,10,80,34[/line_graph]

نمودار دایره ای

واکنشگرا

[pie_chart2 width=”200″ height=”200″]50,#eb005d,Legend One; 25,#f57fae,Legend Two; 80,#fbccdf,Legend Three[/pie_chart2]
[pie_chart2 width=”200″ height=”200″]10,#eb005d,Legend One; 10,#f57fae,Legend Two; 80,#fbccdf,Legend Three[/pie_chart2]

نمودار دونات

اطلاعات تصویری

[pie_chart3 width=”200″ height=”200″]50,#eb005d,Legend One; 25,#f57fae,Legend Two; 80,#fbccdf,Legend Three[/pie_chart3]
[pie_chart3 width=”200″ height=”200″]10,#eb005d,Legend One; 10,#f57fae,Legend Two; 80,#fbccdf,Legend Three[/pie_chart3]

Leave a Reply

Your email address will not be published. Required fields are marked *

Post comment