Progress Pie

Default Example

We give for your always help show the shortcode Progress pie example below. you can change Progress pie Percent, Text, Before, After, Text Align, Color, Fill Color, Text Color, Extra Class. you are absolutely use this shortcode and get Progress pie Style.

Get shortcode

Default Example

[progress_pie percent="60" after="%"]

[progress_pie percent="70" after="%"]

[progress_pie percent="80" after="%"]

[progress_pie percent="90" after="%"]
	

Before, Text & After Example

This is a Progress pie shorrtcode, just simply use this shortcode and get Facility Progress pie before text, text(middle text) and after text.

Get shortcode

Before, Text & After Example

[progress_pie before="before" text="text" after="after"]

[progress_pie before="only" text="75" after="%"]

[progress_pie text="Only 75 %"]

[progress_pie percent="90" after="discount" text="75%"]
		
before
text
after
only
75
%
Only 75 %
75%
discount

Bar Color, Fill Color, Text Color Example

In this shortcode item Progress pie, You are absolutely use the shortcode & get benefit Progress pie-Bar color, Fill color, Text color & Scale color style.

Get shortcode

Bar Color, Fill Color, Text Color Example

[progress_pie percent="65" bar_color="#58DA82" text="Bar Color" after="Example"]

[progress_pie percent="75" fill_color="#FFB9B9" text="Fill Color" after="Example"]

[progress_pie percent="80" text_color="#45D9C3" text="Text Color" after="Example"]	

[progress_pie percent="75" fill_color="#92F6F6" bar_color="#10C7C7" before="Fill &" text="Bar Color" after="Example"]
Bar Color
Example
Fill Color
Example
Text Color
Example
Fill &
Bar Color
Example

Text Size and Line Width Example

This is a Progress pie shorrtcode, just simply use this shortcode and get Facility Progress pie before text, text(middle text) and after text.

Get shortcode

Text Size and Line Width Example

[progress_pie percent="90" before="Text Size" text="30px" text_size="30" bar_color="#58DA82"]
		
[progress_pie percent="90" before="Text Size" text="50" after="px" text_size="50" bar_color="#10C7C7"]

[progress_pie percent="90" line_width="2" text="Line Width 2" bar_color="#209986"]

[progress_pie percent="90" line_width="15" text="Line Width 15" bar_color="#8D65B3"]
Text Size
30px
Text Size
50
px
Line Width 2
Line Width 15

Delay Example

This is a Progress pie shorrtcode, just simply use this shortcode and get Facility Progress pie before text, text(middle text) and after text.

Get shortcode

Delay Example

[progress_pie percent="90" text="delay 1 sec" delay="1" bar_color="#F89406"]
		
[progress_pie percent="90" text="delay 3 sec" delay="3" bar_color="#0098CA"] 	

[progress_pie percent="90" text="delay 5 sec" delay="5" bar_color="#738D00"]	

[progress_pie percent="90" text="delay 10 sec" delay="10" bar_color="#C10841"]
delay 1 sec
delay 3 sec
delay 5 sec
delay 10 sec

Dash Array Example

You can set your progress pie bar style as dashed style. just set some dash_array value for dash and bar. please take a look some example below for more details.

Get shortcode

Dash Array Example

[progress_pie percent="60" line_width="1" dash_array="5,5"]
		
[progress_pie percent="70" line_width="2" dash_array="20,10,5,5,5,10"]
	
[progress_pie percent="80" line_width="3" dash_array="10,10"]
		
[progress_pie percent="90" line_width="2" line_cap="square" dash_array="1,4"]	
		

Duration Example

At this moment we have show the shortcode duration example. Actually you use this shortcode & get more duration.

Get shortcode

Duration Example

[progress_pie percent="95" bar_color="#58DA82" text="2 Sec." Text_size="20" Text_color="#97E8B0" duration="2"]
		
[progress_pie percent="95" bar_color="#10C7C7" text="3.5 Sec." Text_size="20" Text_color="#63F2F2" duration="3.5"]

[progress_pie percent="95"  bar_color="#209986" Text_size="20" Text_color="#31D4BB" Text="4.5 Sec." duration="4.5"]	

[progress_pie percent="95" bar_color="#8D65B3" Text_size="20" Text_color="#C0A9D6" Text="5.5 Sec." duration="5.5"]
2 Sec.
3.5 Sec.
4.5 Sec.
5.5 Sec.

Need Shortcode Ultimate Documentation?

Click the documentation link and go there for shortcode ultimate plugin documentation!
DOCUMENTATION

Hey Wait Wait!

I hope you you like me! if you want to purchase so please: CLICK FOR DOWNLOAD