{"id":3536,"date":"2025-09-19T22:08:05","date_gmt":"2025-09-19T21:08:05","guid":{"rendered":"https:\/\/freebusinesscoaching.co.uk\/?page_id=3536"},"modified":"2025-09-19T22:08:05","modified_gmt":"2025-09-19T21:08:05","slug":"progress-bar-wordpress-blocks","status":"publish","type":"page","link":"https:\/\/freebusinesscoaching.co.uk\/?page_id=3536","title":{"rendered":"Progress Bar WordPress Blocks"},"content":{"rendered":"\r\n<div class=\\\\\\\"wp-block-getwid-advanced-heading\\\\\\\" style=\\\\\\\"margin-bottom:30px\\\\\\\"><h3 class=\\\\\\\"wp-block-getwid-advanced-heading__content\\\\\\\" style=\\\\\\\"text-align:center\\\\\\\">Linear Progress Bar<\/h3><\/div>\r\n\r\n\r\n\r\n<p><strong>Linear<\/strong> <strong>Progress Bar WordPress Block<\/strong>&nbsp;adds an animated horizontal progress bar, wherein you can change colors and values.<\/p>\r\n\r\n\r\n\r\n<div style=\\\\\\\"height:20px\\\\\\\" aria-hidden=\\\\\\\"true\\\\\\\" class=\\\\\\\"wp-block-spacer\\\\\\\"><\/div>\r\n\r\n\r\n\r\n<div class=\\\\\\\"wp-block-getwid-progress-bar\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__wrapper\\\\\\\" data-fill-amount=\\\\\\\"95\\\\\\\" data-is-animated=\\\\\\\"true\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__header\\\\\\\"><p class=\\\\\\\"wp-block-getwid-progress-bar__title\\\\\\\">HTML<\/p><span class=\\\\\\\"wp-block-getwid-progress-bar__percent\\\\\\\">95%<\/span><\/div><div class=\\\\\\\"wp-block-getwid-progress-bar__bar\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__progress has-text-color has-color-5-color\\\\\\\" style=\\\\\\\"width:0%\\\\\\\"><\/div><\/div><\/div><\/div>\r\n\r\n\r\n\r\n<div class=\\\\\\\"wp-block-getwid-progress-bar\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__wrapper\\\\\\\" data-fill-amount=\\\\\\\"93\\\\\\\" data-is-animated=\\\\\\\"true\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__header\\\\\\\"><p class=\\\\\\\"wp-block-getwid-progress-bar__title\\\\\\\">CSS<\/p><span class=\\\\\\\"wp-block-getwid-progress-bar__percent\\\\\\\">93%<\/span><\/div><div class=\\\\\\\"wp-block-getwid-progress-bar__bar\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__progress has-text-color has-color-1-color\\\\\\\" style=\\\\\\\"width:0%\\\\\\\"><\/div><\/div><\/div><\/div>\r\n\r\n\r\n\r\n<div class=\\\\\\\"wp-block-getwid-progress-bar\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__wrapper\\\\\\\" data-fill-amount=\\\\\\\"85\\\\\\\" data-is-animated=\\\\\\\"true\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__header\\\\\\\"><p class=\\\\\\\"wp-block-getwid-progress-bar__title\\\\\\\">JS<\/p><span class=\\\\\\\"wp-block-getwid-progress-bar__percent\\\\\\\">85%<\/span><\/div><div class=\\\\\\\"wp-block-getwid-progress-bar__bar\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__progress has-text-color has-color-5-color\\\\\\\" style=\\\\\\\"width:0%\\\\\\\"><\/div><\/div><\/div><\/div>\r\n\r\n\r\n\r\n<div class=\\\\\\\"wp-block-getwid-progress-bar\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__wrapper\\\\\\\" data-fill-amount=\\\\\\\"75\\\\\\\" data-is-animated=\\\\\\\"false\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__header\\\\\\\"><p class=\\\\\\\"wp-block-getwid-progress-bar__title\\\\\\\">Design<\/p><span class=\\\\\\\"wp-block-getwid-progress-bar__percent\\\\\\\">75%<\/span><\/div><div class=\\\\\\\"wp-block-getwid-progress-bar__bar\\\\\\\"><div class=\\\\\\\"wp-block-getwid-progress-bar__progress has-text-color has-color-1-color\\\\\\\" style=\\\\\\\"width:0%\\\\\\\"><\/div><\/div><\/div><\/div>\r\n\r\n\r\n\r\n<div class=\\\\\\\"wp-block-getwid-advanced-heading\\\\\\\" style=\\\\\\\"margin-bottom:30px;margin-top:100px\\\\\\\"><h3 class=\\\\\\\"wp-block-getwid-advanced-heading__content\\\\\\\" style=\\\\\\\"text-align:center\\\\\\\">Circular Progress Bar<\/h3><\/div>\r\n\r\n\r\n\r\n<p><strong>Circular Progress Bar WordPress Block<\/strong>&nbsp;adds animated circular progress bars, wherein you can adjust a bar sickness, size and colors.<\/p>\r\n\r\n\r\n\r\n<div style=\\\\\\\"height:20px\\\\\\\" aria-hidden=\\\\\\\"true\\\\\\\" class=\\\\\\\"wp-block-spacer\\\\\\\"><\/div>\r\n\r\n\r\n\r\n<div class=\"\\\\\\&quot;wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" has-2-columns\\\\\\\">\r\n<div class=\"\\\\\\&quot;wp-block-column\\\\\\&quot; is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\\\\\\\"wp-block-getwid-circle-progress-bar\\\\\\\"><div class=\\\\\\\"wp-block-getwid-circle-progress-bar__wrapper\\\\\\\" data-text-color=\\\\\\\"#5d7f57\\\\\\\" data-fill-amount=\\\\\\\"85\\\\\\\" data-is-animated=\\\\\\\"true\\\\\\\" data-size=\\\\\\\"200\\\\\\\" data-thickness=\\\\\\\"5\\\\\\\" style=\\\\\\\"text-align:center\\\\\\\"><canvas class=\\\\\\\"wp-block-getwid-circle-progress-bar__canvas\\\\\\\"><\/canvas><\/div><\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"\\\\\\&quot;wp-block-column\\\\\\&quot; is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\\\\\\\"wp-block-getwid-circle-progress-bar\\\\\\\"><div class=\\\\\\\"wp-block-getwid-circle-progress-bar__wrapper\\\\\\\" data-text-color=\\\\\\\"#efe161\\\\\\\" data-fill-amount=\\\\\\\"45\\\\\\\" data-is-animated=\\\\\\\"true\\\\\\\" data-size=\\\\\\\"200\\\\\\\" data-thickness=\\\\\\\"20\\\\\\\" style=\\\\\\\"text-align:center\\\\\\\"><canvas class=\\\\\\\"wp-block-getwid-circle-progress-bar__canvas\\\\\\\"><\/canvas><\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>Linear Progress Bar WordPress Block&nbsp;adds an animated horizontal progress bar, wherein you can change colors and values. Circular Progress Bar WordPress Block&nbsp;adds animated circular progress bars, wherein you can adjust a bar sickness, size and colors.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3443,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3536","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freebusinesscoaching.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/3536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freebusinesscoaching.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freebusinesscoaching.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freebusinesscoaching.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freebusinesscoaching.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3536"}],"version-history":[{"count":0,"href":"https:\/\/freebusinesscoaching.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/3536\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/freebusinesscoaching.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/3443"}],"wp:attachment":[{"href":"https:\/\/freebusinesscoaching.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}