{"id":34617,"date":"2019-09-12T10:26:24","date_gmt":"2019-09-12T10:26:24","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=demo&p=34617"},"modified":"2019-09-12T10:26:24","modified_gmt":"2019-09-12T10:26:24","slug":"progress-pie","status":"publish","type":"demo","link":"https:\/\/getshortcodes.com\/demo\/extra-shortcodes\/progress-pie\/","title":{"rendered":"Progress Pie"},"content":{"rendered":"\n

Color options<\/h2>\n\n\n
\n\t
\n\t\t
<\/canvas><\/p>\n
<\/span>75<\/span><\/span><\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
<\/canvas>
<\/span>75<\/span><\/span><\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
<\/canvas><\/p>\n
<\/span>75<\/span><\/span><\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
<\/canvas>
<\/span>75<\/span><\/span><\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
<\/canvas><\/p>\n
<\/span>75<\/span><\/span><\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
<\/canvas>
<\/span>75<\/span><\/span><\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n
Sizing options<\/h2>\n\n\n
\n\t
\n\t\t
<\/canvas><\/p>\n
<\/span>75<\/span><\/span><\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
<\/canvas>
<\/span>75<\/span><\/span><\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
<\/canvas><\/p>\n
<\/span>75<\/span><\/span><\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
<\/canvas>
<\/span>75<\/span><\/span><\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
<\/canvas><\/p>\n
<\/span>75<\/span><\/span><\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
<\/canvas>
<\/span>75<\/span><\/span><\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n
Text & Percent options<\/h2>\n\n\n
\n\t
\n\t\t
<\/canvas><\/p>\n
<\/span>Total<\/span><\/span><\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
<\/canvas>
<\/span>"Total"<\/span><\/span><\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
<\/canvas><\/p>\n
<\/span>45<\/span>%<\/span><\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
<\/canvas>
<\/span>"45"<\/span>"%"<\/span><\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
<\/canvas><\/p>\n
$<\/span>99<\/span><\/span><\/div>\n<\/div>\n\t<\/div>\n\t
\n\t\t
<\/canvas>
"$"<\/span>"99"<\/span><\/span><\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n
Align option<\/h2>\n\n\n
\n\t
\n\t\t
<\/canvas><\/p>\n
<\/span>75<\/span><\/span><\/div>\n<\/div>\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante mi, laoreet vitae libero vel, lacinia consequat arcu. Cras vel mauris a augue tristique elementum in eu nulla. Donec scelerisque nibh nec mi gravida fermentum. Fusce laoreet dignissim mi ut molestie. Quisque in pellentesque lorem. Duis id felis vitae felis tincidunt interdum vitae id tortor. Suspendisse erat lectus, venenatis a blandit in, ullamcorper eget nunc<\/p>\n\t<\/div>\n\t
\n\t\tGet the code<\/summary>\n\t\t
<\/canvas>
<\/span>75<\/span><\/span><\/div><\/div>\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante mi, laoreet vitae libero vel, lacinia consequat arcu. Cras vel mauris a augue tristique elementum in eu nulla. Donec scelerisque nibh nec mi gravida fermentum. Fusce laoreet dignissim mi ut molestie. Quisque in pellentesque lorem. Duis id felis vitae felis tincidunt interdum vitae id tortor. Suspendisse erat lectus, venenatis a blandit in, ullamcorper eget nunc<\/pre>\n\t<\/details>\n<\/div>\n\n\n
\n\t
\n\t\t
<\/canvas><\/p>\n
<\/span>75<\/span><\/span><\/div>\n<\/div>\n
Vivamus rhoncus tincidunt facilisis. Vestibulum ac justo eu magna vulputate dictum eu at tortor. Aliquam pulvinar dui felis, sed blandit mauris venenatis quis. Nullam eu arcu bibendum, euismod dolor non, fringilla lacus. Maecenas vitae tempor enim. Pellentesque sodales erat ut mauris congue interdum. Praesent molestie, dolor vitae accumsan maximus, odio dui efficitur mi, sit amet rhoncus ante dolor vitae urna. Mauris sit amet eros sed lacus efficitur rhoncus in vel lorem.<\/p>\n\t<\/div>\n\t
\n\t\tGet the code<\/summary>\n\t\t
<\/canvas>
<\/span>75<\/span><\/span><\/div><\/div>\n\nVivamus rhoncus tincidunt facilisis. Vestibulum ac justo eu magna vulputate dictum eu at tortor. Aliquam pulvinar dui felis, sed blandit mauris venenatis quis. Nullam eu arcu bibendum, euismod dolor non, fringilla lacus. Maecenas vitae tempor enim. Pellentesque sodales erat ut mauris congue interdum. Praesent molestie, dolor vitae accumsan maximus, odio dui efficitur mi, sit amet rhoncus ante dolor vitae urna. Mauris sit amet eros sed lacus efficitur rhoncus in vel lorem.<\/pre>\n\t<\/details>\n<\/div>\n\n\n\n
Combined with columns<\/h2>\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>75<\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/canvas><\/p>\n
<\/span>75<\/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>75<\/span><\/span><\/div><\/div>\n<\/div><\/div>\n
\n
<\/canvas>
<\/span>75<\/span><\/span><\/div><\/div>\n<\/div><\/div>\n<\/div><\/pre>\n\t<\/details>\n<\/div>\n","protected":false},"featured_media":0,"parent":34612,"menu_order":5,"template":"","class_list":["post-34617","demo","type-demo","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo\/34617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/demo"}],"up":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo\/34612"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=34617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}