{"id":998,"date":"2021-02-10T22:54:45","date_gmt":"2021-02-10T22:54:45","guid":{"rendered":"https:\/\/ariyah.webdesignengine.com\/clean-simple\/?page_id=998"},"modified":"2021-02-16T17:09:04","modified_gmt":"2021-02-16T17:09:04","slug":"progress-bars-and-circles","status":"publish","type":"page","link":"https:\/\/ariyah.webdesignengine.com\/classy\/progress-bars-and-circles\/","title":{"rendered":"Progress Bars and Circles"},"content":{"rendered":"\n<p>Display animated progress bars and circles to show data. Change colors on bars and circles.<\/p>\n\n\n\n<div class=\"wp-block-getwid-progress-bar\"><div class=\"wp-block-getwid-progress-bar__wrapper\" data-fill-amount=\"75\" data-is-animated=\"true\"><div class=\"wp-block-getwid-progress-bar__header\"><p class=\"wp-block-getwid-progress-bar__title\">Progress Bar<\/p><span class=\"wp-block-getwid-progress-bar__percent\">75%<\/span><\/div><div class=\"wp-block-getwid-progress-bar__bar has-background\" style=\"background-color:#dfdad0\"><div class=\"wp-block-getwid-progress-bar__progress has-text-color\" style=\"color:#aca281;width:0%\"><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-progress-bar\"><div class=\"wp-block-getwid-progress-bar__wrapper\" data-fill-amount=\"56\" data-is-animated=\"true\"><div class=\"wp-block-getwid-progress-bar__header\"><p class=\"wp-block-getwid-progress-bar__title\">Progress Bar 2<\/p><span class=\"wp-block-getwid-progress-bar__percent\">56%<\/span><\/div><div class=\"wp-block-getwid-progress-bar__bar has-background\" style=\"background-color:#ded0ca\"><div class=\"wp-block-getwid-progress-bar__progress has-text-color\" style=\"color:#bd744d;width:0%\"><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-getwid-circle-progress-bar\"><div class=\"wp-block-getwid-circle-progress-bar__wrapper\" data-background-color=\"#d9dde0\" data-text-color=\"#abb8c3\" data-fill-amount=\"70\" data-is-animated=\"true\" data-size=\"199\" data-thickness=\"5\" data-value=\"70%\" style=\"text-align:center\"><canvas class=\"wp-block-getwid-circle-progress-bar__canvas\"><\/canvas><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-getwid-circle-progress-bar\"><div class=\"wp-block-getwid-circle-progress-bar__wrapper\" data-background-color=\"#c4d5e2\" data-text-color=\"#6094bf\" data-fill-amount=\"60\" data-is-animated=\"true\" data-size=\"199\" data-thickness=\"10\" data-value=\"60%\" style=\"text-align:center\"><canvas class=\"wp-block-getwid-circle-progress-bar__canvas\"><\/canvas><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-getwid-circle-progress-bar\"><div class=\"wp-block-getwid-circle-progress-bar__wrapper\" data-background-color=\"#f9f3e1\" data-text-color=\"#f0ca61\" data-fill-amount=\"90\" data-is-animated=\"true\" data-size=\"199\" data-thickness=\"15\" data-value=\"90%\" style=\"text-align:center\"><canvas class=\"wp-block-getwid-circle-progress-bar__canvas\"><\/canvas><\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Display animated progress bars and circles to show data. Change colors on bars and circles.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/998"}],"collection":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/comments?post=998"}],"version-history":[{"count":1,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/998\/revisions"}],"predecessor-version":[{"id":1149,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/998\/revisions\/1149"}],"wp:attachment":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/media?parent=998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}