{"id":33985,"date":"2019-03-04T11:15:38","date_gmt":"2019-03-04T11:15:38","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33985"},"modified":"2022-08-03T07:16:59","modified_gmt":"2022-08-03T07:16:59","slug":"progress-pie","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/progress-pie\/","title":{"rendered":"Progress Pie"},"content":{"rendered":"
\n\t
\n\t\t
<\/canvas><\/p>\n
<\/span>75<\/span>%<\/span><\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\tGet the code<\/summary>\n\t\t
<\/canvas>
<\/span>""<\/span>"%"<\/span><\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n
\n\t
\n\t\t
\n
\n
\n
<\/canvas><\/p>\n
<\/span>75<\/span>%<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/canvas><\/p>\n
$<\/span>9<\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/canvas><\/p>\n
<\/span>Hi!<\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\tGet the code<\/summary>\n\t\t
\n
\n
<\/canvas>
<\/span>"75"<\/span>"%"<\/span><\/div><\/div>\n<\/div><\/div>\n
\n
<\/canvas>
"$"<\/span>"9"<\/span><\/span><\/div><\/div>\n<\/div><\/div>\n
\n
<\/canvas>
<\/span>"Hi!"<\/span><\/span><\/div><\/div>\n<\/div><\/div>\n<\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n
This shortcode is available in Shortcodes Ultimate Pro<\/a><\/p>\n\n\n\n
Description<\/h2>\n\n\n\n
This shortcode allows you to create beautiful progress pies. You can adjust the percentage, set custom text and colors.<\/p>\n\n\n\n
Options<\/h2>\n\n\n\n
Option name<\/th>Possible values<\/th>Default value<\/th><\/tr>
percent<\/strong>
Specify percentage<\/td>		Number from 0 to 100<\/td>75<\/td><\/tr>
text<\/strong>
You can show custom text instead of percent. Leave this field empty to show the percent<\/td>		Any text value<\/td>\u2013 none \u2013<\/em><\/td><\/tr>
before<\/strong>
This content will be shown before the percent<\/td>		Any text value<\/td>\u2013 none \u2013<\/em><\/td><\/tr>
after<\/strong>
This content will be shown after the percent<\/td>		Any text value<\/td>\u2013 none \u2013<\/em><\/td><\/tr>
size<\/strong>
Pie size (pixels)<\/td>		Number from 20 to 1200<\/td>200<\/td><\/tr>
pie_width<\/strong>
Pie border width (percents)<\/td>		Number from 0 to 100<\/td>30<\/td><\/tr>
text_size<\/strong>
Pie text size (pixels)<\/td>		Number from 10 to 120<\/td>40<\/td><\/tr>
align<\/strong>
Pie alignment<\/td>		none (None)
left (Left)
center (Center)
right (Right)<\/td>		center<\/td><\/tr>
pie_color<\/strong>
Unfilled pie background color<\/td>		#HEX color<\/td>#f0f0f0<\/td><\/tr>
fill_color<\/strong>
Filled pie background color<\/td>		#HEX color<\/td>#97daed<\/td><\/tr>
text_color<\/strong>
Select pie text color<\/td>		#HEX color<\/td>#cccccc<\/td><\/tr>
class<\/strong>
Additional CSS class name(s) separated by space(s)<\/td>		CSS class name(s) separated by space(s)<\/td>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":36687,"template":"","docs_category":[21],"class_list":["post-33985","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media\/36687"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33985"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}