{"id":1896,"date":"2013-12-16T14:17:31","date_gmt":"2013-12-16T14:17:31","guid":{"rendered":"https:\/\/thethemebuilders.review\/demonew\/?page_id=1896"},"modified":"2013-12-16T14:17:31","modified_gmt":"2013-12-16T14:17:31","slug":"progress-bar-pie","status":"publish","type":"page","link":"https:\/\/semnomic.com\/index.php\/shortcodes\/progress-bar-pie\/","title":{"rendered":"Progress &#038; Pie Progress"},"content":{"rendered":"<h2>Progress<\/h2>\n<h3>Samples<\/h3>\n<p>[divider_line]<\/p>\n<h4>Progresses With Different Size<\/h4>\n<p>[divider_line]<br \/>\n[progress size=&#8221;small&#8221; percent=&#8221;70&#8243;]<br \/>\n[progress percent=&#8221;50&#8243;]<br \/>\n[progress size=&#8221;large&#8221; percent=&#8221;80&#8243;] <\/p>\n<p>[toggle title=&#8221;Get the code&#8221;][code]<br \/>\n[progress size=&#8221;small&#8221; percent=&#8221;70&#8243;]<br \/>\n[progress percent=&#8221;50&#8243;]<br \/>\n[progress size=&#8221;large&#8221; percent=&#8221;80&#8243;]<br \/>\n[\/code][\/toggle] <\/p>\n<p>[divider_padding]<\/p>\n<h4>Progresses With Different Type<\/h4>\n<p>[divider_line]<br \/>\n[progress percent=&#8221;60&#8243;]<br \/>\n[progress type=&#8221;radius&#8221; percent=&#8221;70&#8243;]<br \/>\n[progress type=&#8221;round&#8221; percent=&#8221;50&#8243;] <\/p>\n<p>[toggle title=&#8221;Get the code&#8221;][code]<br \/>\n[progress percent=&#8221;60&#8243;]<br \/>\n[progress type=&#8221;radius&#8221; percent=&#8221;70&#8243;]<br \/>\n[progress type=&#8221;round&#8221; percent=&#8221;50&#8243;]<br \/>\n[\/code][\/toggle] <\/p>\n<p>[divider_padding]<\/p>\n<h4>Progresses Without Text<\/h4>\n<p>[divider_line]<br \/>\n[progress percent=&#8221;30&#8243; text=&#8221;false&#8221;]<br \/>\n[progress percent=&#8221;70&#8243; text=&#8221;false&#8221;]<br \/>\n[progress percent=&#8221;100&#8243; text=&#8221;false&#8221;] <\/p>\n<p>[toggle title=&#8221;Get the code&#8221;][code]<br \/>\n[progress percent=&#8221;30&#8243; text=&#8221;false&#8221;]<br \/>\n[progress percent=&#8221;70&#8243; text=&#8221;false&#8221;]<br \/>\n[progress percent=&#8221;100&#8243; text=&#8221;false&#8221;]<br \/>\n[\/code][\/toggle] <\/p>\n<h4>Progresses With Custom Color<\/h4>\n<p>[divider_line]<br \/>\n[progress percent=&#8221;50&#8243; barcolor=&#8221;#27ccc0&#8243;]<br \/>\n[progress percent=&#8221;50&#8243; textcolor=&#8221;#ffffff&#8221; barcolor=&#8221;#27ccc0&#8243; trackcolor=&#8221;#f7be90&#8243;] <\/p>\n<p>[toggle title=&#8221;Get the code&#8221;][code]<br \/>\n[progress percent=&#8221;50&#8243; barcolor=&#8221;#27ccc0&#8243;]<br \/>\n[progress percent=&#8221;50&#8243; textcolor=&#8221;#ffffff&#8221; barcolor=&#8221;#27ccc0&#8243; trackcolor=&#8221;#f7be90&#8243;]<br \/>\n[\/code][\/toggle] <\/p>\n<p>[divider_top]<\/p>\n<h2>Pie Progress<\/h2>\n<p>[tabs]<br \/>\n[tab title=&#8221;Parameters&#8221; icon=&#8221;check&#8221; icon_color=&#8221;#3cabce&#8221;]<\/p>\n<h3>Parameters<\/h3>\n<p>[divider_line]<br \/>\n[list icon=&#8221;check&#8221; color=&#8221;blue&#8221;]<\/p>\n<ul>\n<li><strong>percent<\/strong><\/li>\n<li><strong>size<\/strong>: small,default,large (optional)<\/li>\n<li><strong>type<\/strong>:percent,text,icon<\/li>\n<li><strong>text<\/strong>:(optional)<\/li>\n<li><strong>icon<\/strong>:(optional)<\/li>\n<li><strong>textColor<\/strong> (optional)<\/li>\n<li><strong>barColor<\/strong> (optional)<\/li>\n<li><strong>trackColor<\/strong> (optional)<\/li>\n<\/ul>\n<p>[\/list]<br \/>\n[\/tab]<br \/>\n[tab title=&#8221;Shortcode Option Panel&#8221; icon=&#8221;check&#8221; icon_color=&#8221;#3cabce&#8221;]<\/p>\n<h3>Shortcode Option Panel<\/h3>\n<p>[divider_line]<br \/>\n[image source_type=&#8221;attachment_id&#8221; source_value=&#8221;3254&#8243; caption=&#8221;The Pie Progress Shortcode Option Panel&#8221; alt=&#8221;The Pie Progress Shortcode Option Panel&#8221; align=&#8221;center&#8221; icon=&#8221;zoom&#8221; width=&#8221;600&#8243; autoHeight=&#8221;true&#8221; quality=&#8221;100&#8243; lightbox=&#8221;true&#8221; title=&#8221;The Pie Progress Shortcode Option Panel&#8221;]<br \/>\n[\/tab]<br \/>\n[\/tabs]<\/p>\n<h3>Samples<\/h3>\n<p>[divider_line]<\/p>\n<h4>Pie Progresses With Different Type<\/h4>\n<p>[divider_line]<br \/>\n[one_third][pie_progress percent=&#8221;38&#8243; label=&#8221;icon&#8221; icon=&#8221;anchor&#8221;][\/one_third]<br \/>\n[one_third][pie_progress percent=&#8221;64&#8243; icon=&#8221;adjust&#8221;] [\/one_third]<br \/>\n[one_third_last][pie_progress percent=&#8221;83&#8243; label=&#8221;text&#8221; text=&#8221;Custom Text&#8221; icon=&#8221;adjust&#8221;] [\/one_third_last]<\/p>\n<p>[toggle title=&#8221;Get the code&#8221;]<br \/>\n[code][one_third][pie_progress percent=&#8221;38&#8243; label=&#8221;icon&#8221; icon=&#8221;anchor&#8221;][\/one_third]<br \/>\n[one_third][pie_progress percent=&#8221;64&#8243; icon=&#8221;adjust&#8221;] [\/one_third]<br \/>\n[one_third_last][pie_progress percent=&#8221;83&#8243; label=&#8221;text&#8221; text=&#8221;Custom Text&#8221; icon=&#8221;adjust&#8221;] [\/one_third_last][\/code]<br \/>\n[\/toggle]<\/p>\n<p>[divider_padding]<\/p>\n<h4>Pie Progresses With Different Size<\/h4>\n<p>[divider_line]<br \/>\n[one_third][pie_progress percent=&#8221;38&#8243; label=&#8221;text&#8221; text=&#8221;Small&#8221; size=&#8221;small&#8221;][\/one_third]<br \/>\n[one_third][pie_progress percent=&#8221;64&#8243; label=&#8221;text&#8221; text=&#8221;Default&#8221;][\/one_third]<br \/>\n[one_third_last][pie_progress percent=&#8221;83&#8243; label=&#8221;text&#8221; text=&#8221;Large&#8221; size=&#8221;large&#8221;][\/one_third_last]<\/p>\n<p>[toggle title=&#8221;Get the code&#8221;]<br \/>\n[code][one_third][pie_progress percent=&#8221;38&#8243; label=&#8221;text&#8221; text=&#8221;Small&#8221; size=&#8221;small&#8221;][\/one_third]<br \/>\n[one_third][pie_progress percent=&#8221;64&#8243; label=&#8221;text&#8221; text=&#8221;Default&#8221;][\/one_third]<br \/>\n[one_third_last][pie_progress percent=&#8221;83&#8243; label=&#8221;text&#8221; text=&#8221;Large&#8221; size=&#8221;large&#8221;][\/one_third_last][\/code]<br \/>\n[\/toggle]<\/p>\n<p>[divider_padding]<\/p>\n<h4>Pie Progresses With Custom Color<\/h4>\n<p>[divider_line]<br \/>\n[one_third][pie_progress percent=&#8221;60&#8243; label=&#8221;icon&#8221; icon=&#8221;github-alt&#8221; labelColor=&#8221;#f6653c&#8221; barcolor=&#8221;#f6653c&#8221;] [\/one_third]<br \/>\n[one_third][pie_progress percent=&#8221;69&#8243; label=&#8221;icon&#8221; icon=&#8221;heart&#8221; labelColor=&#8221;#27ccc0&#8243; trackcolor=&#8221;#f7be90&#8243; barcolor=&#8221;#27ccc0&#8243;][\/one_third]<br \/>\n[one_third_last][pie_progress percent=&#8221;80&#8243; label=&#8221;icon&#8221; icon=&#8221;music&#8221; labelColor=&#8221;#2ac4ea&#8221; barcolor=&#8221;#2ac4ea&#8221;] [\/one_third_last]<\/p>\n<p>[toggle title=&#8221;Get the code&#8221;]<br \/>\n[code][one_third][pie_progress percent=&#8221;60&#8243; label=&#8221;icon&#8221; icon=&#8221;github-alt&#8221; labelColor=&#8221;#f6653c&#8221; barcolor=&#8221;#f6653c&#8221;] [\/one_third]<br \/>\n[one_third][pie_progress percent=&#8221;69&#8243; label=&#8221;icon&#8221; icon=&#8221;heart&#8221; labelColor=&#8221;#27ccc0&#8243; trackcolor=&#8221;#f7be90&#8243; barcolor=&#8221;#27ccc0&#8243;][\/one_third]<br \/>\n[one_third_last][pie_progress percent=&#8221;80&#8243; label=&#8221;icon&#8221; icon=&#8221;music&#8221; labelColor=&#8221;#2ac4ea&#8221; barcolor=&#8221;#2ac4ea&#8221;] [\/one_third_last][\/code]<br \/>\n[\/toggle]<\/p>\n<p>[divider_top]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Progress Samples [divider_line] Progresses With Different Size [divider_line] [progress size=&#8221;small&#8221; percent=&#8221;70&#8243;] [progress percent=&#8221;50&#8243;] [progress size=&#8221;large&#8221; percent=&#8221;80&#8243;] [toggle title=&#8221;Get the code&#8221;][code] [progress size=&#8221;small&#8221; percent=&#8221;70&#8243;] [progress percent=&#8221;50&#8243;] [progress size=&#8221;large&#8221; percent=&#8221;80&#8243;] [\/code][\/toggle] [divider_padding] Progresses With Different Type [divider_line] [progress percent=&#8221;60&#8243;] [progress type=&#8221;radius&#8221; percent=&#8221;70&#8243;] [progress type=&#8221;round&#8221; percent=&#8221;50&#8243;] [toggle title=&#8221;Get the code&#8221;][code] [progress percent=&#8221;60&#8243;] [progress type=&#8221;radius&#8221; percent=&#8221;70&#8243;] [progress type=&#8221;round&#8221; percent=&#8221;50&#8243;] [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":5410,"menu_order":67,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/pages\/1896"}],"collection":[{"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/comments?post=1896"}],"version-history":[{"count":0,"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/pages\/1896\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/pages\/5410"}],"wp:attachment":[{"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/media?parent=1896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}