{"id":1796,"date":"2024-08-16T10:50:17","date_gmt":"2024-08-16T10:50:17","guid":{"rendered":"https:\/\/demo.wpwheels.com\/blockwheels\/?page_id=1796"},"modified":"2024-10-24T10:08:10","modified_gmt":"2024-10-24T10:08:10","slug":"circular-progress-bar","status":"publish","type":"page","link":"https:\/\/demo.wpwheels.com\/blockwheels\/circular-progress-bar\/","title":{"rendered":"Circular Progress Bar"},"content":{"rendered":"<div class=\"blockwheels-section alignfull blockwheels-container\" data-id=\"524f336c-859d-44fc-bb9b-67114712534d\">\n<div class=\"wp-block-blockwheels-container alignfull block-core-columns blockwheels-container\">\n<div class=\"wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\"><div class=\"blockwheels-section blockwheels-section\" data-id=\"1f3fe832-8204-418e-801d-f942d485f078\">\n<div class=\"wp-block-blockwheels-video-box blockwheels-video-box-wrapper blockwheels-section\" data-id=\"video_box__1f3fe832\" data-type=\"youtube\"><div class=\"blockwheels-video-box-container\"><iframe src=\"https:\/\/www.youtube.com\/embed\/5FyLXtYS8lg?autoplay=false&amp;loop=0&amp;mute=false&amp;rel=0&amp;controls=1\" frameborder=\"0\" allow=\"autoplay\" allowfullscreen><\/iframe><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"301\" src=\"https:\/\/demo.wpwheels.com\/blockwheels\/wp-content\/uploads\/2024\/08\/BlockWheels_icon_g_circular-progress-bar.png\" alt=\"\" class=\"wp-image-1827\" style=\"width:78px;height:auto\" srcset=\"https:\/\/demo.wpwheels.com\/blockwheels\/wp-content\/uploads\/2024\/08\/BlockWheels_icon_g_circular-progress-bar.png 300w, https:\/\/demo.wpwheels.com\/blockwheels\/wp-content\/uploads\/2024\/08\/BlockWheels_icon_g_circular-progress-bar-150x150.png 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n<div class=\"blockwheels-section blockwheels-heading-block sm-text-left md-text-left text-left\" data-id=\"07b6d0ea-5ce6-4c91-b085-7da8529c3eb9\">\n<div class=\"blockwheels-heading-section blockwheels-heading-block\" title=\"\"><h3 class=\"blockwheels-heading\">Circular Progress Bar\u2013 PRO<\/h3><\/div>\n<\/div>\n\n\n<p class=\"has-base-color has-text-color has-link-color has-large-font-size wp-elements-cbf6c55281a1c0df77d88853bd79c24f\">Lets you visually represent your skills with dynamic circular progress indicators. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background has-text-align-center wp-element-button\" href=\"https:\/\/wpwheels.com\/wp-documentation\/blockwheels-pro\/\" style=\"background-color:#c97ec6\" target=\"_blank\" rel=\"noreferrer noopener\">View Documentation<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"blockwheels-section alignwide blockwheels-container\" data-id=\"96ef1dc5-b8d3-4583-9168-442731ef919e\">\n<div class=\"wp-block-blockwheels-container alignwide block-core-columns blockwheels-container\"><div class=\"blockwheels-section blockwheels-heading-block sm-text-center md-text-center text-center\" data-id=\"ff8ce49c-cd11-4f37-8166-023249ccdd10\">\n<div class=\"blockwheels-heading-section blockwheels-heading-block\" title=\"\"><h3 class=\"blockwheels-heading\">Circular Progress bar<\/h3><\/div>\n<\/div>\n\n<div class=\"blockwheels-section sm-text-center md-text-center text-center\" data-id=\"b0d1d7ea-3485-437d-a91e-3a0dd7266b56\">\n<p class=\"blockwheels-paragraph-block\">Lets you visually represent your skills with dynamic circular progress indicators. Enter your skill name and proficiency percentage, and the block will display a clear, graphical representation of your expertise out of 100%.<\/p>\n<\/div>\n\n<div class=\"blockwheels-section alignwide\" data-id=\"98e0e826-11d4-4982-9c78-9e1f7610808f\">\n<div class=\"wp-block-blockwheels-circular-bars alignwide blockwheels-circular-bars-container\"><div class=\"blockwheels-circular-bars grid sm-grid-cols-1 md-grid-cols-2 grid-cols-2\"><div class=\"wp-block-blockwheels-circular-bar blockwheels-circular-bar-wrapper flex flex-column sm-align-items-center md-align-items-center align-items-center\" data-id=\"f02b1a86-297c-40fc-8a20-ff41807ff074\"><div class=\"blockwheels-circular-progressbar\" id=\"circle-f02b1a86-297c-40fc-8a20-ff41807ff074\" data-number=\"0.6\" data-thickness=\"18\" data-background=\"#aad6ac\" data-base=\"#679b73\" data-label=\"HTML\"><\/div><!-- .blockwheels-circular-progressbar --><\/div><!-- .wp-block-blockwheels-circular-bar -->\n\n<div class=\"wp-block-blockwheels-circular-bar blockwheels-circular-bar-wrapper flex flex-column sm-align-items-center md-align-items-center align-items-center\" data-id=\"9b51aa84-f060-4271-a152-a4150a314540\"><div class=\"blockwheels-circular-progressbar\" id=\"circle-9b51aa84-f060-4271-a152-a4150a314540\" data-number=\"0.75\" data-thickness=\"18\" data-background=\"#aad6ac\" data-base=\"#679b73\" data-label=\"JS\"><\/div><!-- .blockwheels-circular-progressbar --><\/div><!-- .wp-block-blockwheels-circular-bar -->\n\n<div class=\"wp-block-blockwheels-circular-bar blockwheels-circular-bar-wrapper flex flex-column sm-align-items-center md-align-items-center align-items-center\" data-id=\"79e533e9-b36c-49a4-bae6-911f7b49066d\"><div class=\"blockwheels-circular-progressbar\" id=\"circle-79e533e9-b36c-49a4-bae6-911f7b49066d\" data-number=\"0.63\" data-thickness=\"18\" data-background=\"#aad6ac\" data-base=\"#679b73\" data-label=\"CSS\"><\/div><!-- .blockwheels-circular-progressbar --><\/div><!-- .wp-block-blockwheels-circular-bar -->\n\n<div class=\"wp-block-blockwheels-circular-bar blockwheels-circular-bar-wrapper flex flex-column sm-align-items-center md-align-items-center align-items-center\" data-id=\"60853704-de1e-40ab-b5ed-e4633cb0982a\"><div class=\"blockwheels-circular-progressbar\" id=\"circle-60853704-de1e-40ab-b5ed-e4633cb0982a\" data-number=\"0.9\" data-thickness=\"18\" data-background=\"#aad6ac\" data-base=\"#679b73\" data-label=\"PHP\"><\/div><!-- .blockwheels-circular-progressbar --><\/div><!-- .wp-block-blockwheels-circular-bar --><\/div><\/div>\n<\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"_wpwheels_post_compatibility":"","footnotes":""},"class_list":["post-1796","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/pages\/1796"}],"collection":[{"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/comments?post=1796"}],"version-history":[{"count":10,"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/pages\/1796\/revisions"}],"predecessor-version":[{"id":1952,"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/pages\/1796\/revisions\/1952"}],"wp:attachment":[{"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/media?parent=1796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}