{"id":1803,"date":"2024-08-16T11:16:00","date_gmt":"2024-08-16T11:16:00","guid":{"rendered":"https:\/\/demo.wpwheels.com\/blockwheels\/?page_id=1803"},"modified":"2024-10-23T12:37:09","modified_gmt":"2024-10-23T12:37:09","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/demo.wpwheels.com\/blockwheels\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"<div class=\"blockwheels-section alignfull blockwheels-container\" data-id=\"8b7c53ef-36d7-4bf7-b71a-20832f29d1a8\">\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=\"15719c14-ceab-48f7-973d-e7260b80e423\">\n<div class=\"wp-block-blockwheels-video-box blockwheels-video-box-wrapper blockwheels-section\" data-id=\"video_box__15719c14\" data-type=\"youtube\"><div class=\"blockwheels-video-box-container\"><iframe src=\"https:\/\/www.youtube.com\/embed\/-0qtsGgSluI?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_progress-bar-.png\" alt=\"\" class=\"wp-image-1825\" style=\"width:78px;height:auto\" srcset=\"https:\/\/demo.wpwheels.com\/blockwheels\/wp-content\/uploads\/2024\/08\/BlockWheels_icon_g_progress-bar-.png 300w, https:\/\/demo.wpwheels.com\/blockwheels\/wp-content\/uploads\/2024\/08\/BlockWheels_icon_g_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=\"0ccdbf36-6697-4e7a-8c70-43e8584cfafc\">\n<div class=\"blockwheels-heading-section blockwheels-heading-block\" title=\"\"><h3 class=\"blockwheels-heading\">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-7449c3ab911e780cf9aaeeb90c1722a4\">Lets visually represents skill levels with a linear progress bar. Customize colors, backgrounds, and more to match your style, offering a straightforward way to display progress and proficiency.<\/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=\"82e24981-31f8-4fb5-b464-f3c06778e794\">\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=\"08b978cd-446f-43a1-9bb0-eac72f3a0878\">\n<div class=\"blockwheels-heading-section blockwheels-heading-block\" title=\"\"><h3 class=\"blockwheels-heading\">Progress Bar<\/h3><\/div>\n<\/div>\n\n<div class=\"blockwheels-section sm-text-center md-text-center text-center\" data-id=\"a71ed386-ac43-4e4d-b12c-b31bc78c9aa9\">\n<p class=\"blockwheels-paragraph-block\">Lets visually represents skill levels with a linear progress bar. Customize colors, backgrounds, and more to match your style, offering a straightforward way to display progress and proficiency.<\/p>\n<\/div>\n\n<div class=\"blockwheels-section alignwide\" data-id=\"4eb170c5-d7b4-493a-afc8-83b45a83d8df\">\n<div class=\"wp-block-blockwheels-progress-bars alignwide blockwheels-progress-bars-container\"><div class=\"blockwheels-progress-bars grid sm-grid-cols-1 md-grid-cols-1 grid-cols-1\"><div class=\"wp-block-blockwheels-progress-bar blockwheels-progress-bar-wrapper flex flex-column\" data-id=\"e4a98d4f-0846-49a1-b744-fd4178ca4c94\"><div class=\"blockwheels-progress-bar-text\">WordPress<\/div><!-- .blockwheels-progress-bar-text --><div class=\"blockwheels-progress-bar-line\" \n\t\t\tid=\"line-e4a98d4f-0846-49a1-b744-fd4178ca4c94\" \n\t\t\tdata-number=\"0.6\"\n\t\t\tdata-thickness=\"40\"\n\t\t\tdata-background=\"#aad6ac\"\n\t\t\tdata-base=\"#95c595\"\n\t\t\tdata-label=\"#363636\"\n\t\t\t><\/div><!-- .blockwheels-progress-bar-line --><\/div>\n\n<div class=\"wp-block-blockwheels-progress-bar blockwheels-progress-bar-wrapper flex flex-column\" data-id=\"300e976f-7b3b-46ca-abb4-b1fb7f81ad59\"><div class=\"blockwheels-progress-bar-text\">HTML \/ CSS<\/div><!-- .blockwheels-progress-bar-text --><div class=\"blockwheels-progress-bar-line\" \n\t\t\tid=\"line-300e976f-7b3b-46ca-abb4-b1fb7f81ad59\" \n\t\t\tdata-number=\"0.75\"\n\t\t\tdata-thickness=\"40\"\n\t\t\tdata-background=\"#aad6ac\"\n\t\t\tdata-base=\"#95c595\"\n\t\t\tdata-label=\"#363636\"\n\t\t\t><\/div><!-- .blockwheels-progress-bar-line --><\/div>\n\n<div class=\"wp-block-blockwheels-progress-bar blockwheels-progress-bar-wrapper flex flex-column\" data-id=\"07a1fdb4-3bc1-42e5-9bff-450c1db73e7f\"><div class=\"blockwheels-progress-bar-text\">UI\/UX<\/div><!-- .blockwheels-progress-bar-text --><div class=\"blockwheels-progress-bar-line\" \n\t\t\tid=\"line-07a1fdb4-3bc1-42e5-9bff-450c1db73e7f\" \n\t\t\tdata-number=\"0.9\"\n\t\t\tdata-thickness=\"40\"\n\t\t\tdata-background=\"#aad6ac\"\n\t\t\tdata-base=\"#95c595\"\n\t\t\tdata-label=\"#363636\"\n\t\t\t><\/div><!-- .blockwheels-progress-bar-line --><\/div>\n\n<div class=\"wp-block-blockwheels-progress-bar blockwheels-progress-bar-wrapper flex flex-column\" data-id=\"3c21eeb2-4104-45e1-9b6f-4d452c098f20\"><div class=\"blockwheels-progress-bar-text\">JavaScript<\/div><!-- .blockwheels-progress-bar-text --><div class=\"blockwheels-progress-bar-line\" \n\t\t\tid=\"line-3c21eeb2-4104-45e1-9b6f-4d452c098f20\" \n\t\t\tdata-number=\"0.95\"\n\t\t\tdata-thickness=\"40\"\n\t\t\tdata-background=\"#aad6ac\"\n\t\t\tdata-base=\"#95c595\"\n\t\t\tdata-label=\"#363636\"\n\t\t\t><\/div><!-- .blockwheels-progress-bar-line --><\/div><\/div><\/div>\n<\/div>\n\n<div class=\"blockwheels-section alignwide\" data-id=\"57614847-3d8d-49ec-b47d-7cfe885fd5d4\">\n<div class=\"wp-block-blockwheels-progress-bars alignwide blockwheels-progress-bars-container\"><div class=\"blockwheels-progress-bars grid sm-grid-cols-1 md-grid-cols-1 grid-cols-2\"><div class=\"wp-block-blockwheels-progress-bar blockwheels-progress-bar-wrapper flex flex-column\" data-id=\"a1a05ce5-ec5d-4603-9ffa-ba8dbfe433e2\"><div class=\"blockwheels-progress-bar-text\">WordPress<\/div><!-- .blockwheels-progress-bar-text --><div class=\"blockwheels-progress-bar-line\" \n\t\t\tid=\"line-a1a05ce5-ec5d-4603-9ffa-ba8dbfe433e2\" \n\t\t\tdata-number=\"0.6\"\n\t\t\tdata-thickness=\"40\"\n\t\t\tdata-background=\"#1c4425\"\n\t\t\tdata-base=\"#aad6ac\"\n\t\t\tdata-label=\"#363636\"\n\t\t\t><\/div><!-- .blockwheels-progress-bar-line --><\/div>\n\n<div class=\"wp-block-blockwheels-progress-bar blockwheels-progress-bar-wrapper flex flex-column\" data-id=\"a89f5dd9-772b-4ab7-81f2-d5729ba4c009\"><div class=\"blockwheels-progress-bar-text\">HTML \/ CSS<\/div><!-- .blockwheels-progress-bar-text --><div class=\"blockwheels-progress-bar-line\" \n\t\t\tid=\"line-a89f5dd9-772b-4ab7-81f2-d5729ba4c009\" \n\t\t\tdata-number=\"0.75\"\n\t\t\tdata-thickness=\"40\"\n\t\t\tdata-background=\"#1c4425\"\n\t\t\tdata-base=\"#aad6ac\"\n\t\t\tdata-label=\"#363636\"\n\t\t\t><\/div><!-- .blockwheels-progress-bar-line --><\/div>\n\n<div class=\"wp-block-blockwheels-progress-bar blockwheels-progress-bar-wrapper flex flex-column\" data-id=\"51270b28-5587-4902-92fc-bb66d6d0cf2a\"><div class=\"blockwheels-progress-bar-text\">UI\/UX<\/div><!-- .blockwheels-progress-bar-text --><div class=\"blockwheels-progress-bar-line\" \n\t\t\tid=\"line-51270b28-5587-4902-92fc-bb66d6d0cf2a\" \n\t\t\tdata-number=\"0.9\"\n\t\t\tdata-thickness=\"40\"\n\t\t\tdata-background=\"#1c4425\"\n\t\t\tdata-base=\"#aad6ac\"\n\t\t\tdata-label=\"#363636\"\n\t\t\t><\/div><!-- .blockwheels-progress-bar-line --><\/div>\n\n<div class=\"wp-block-blockwheels-progress-bar blockwheels-progress-bar-wrapper flex flex-column\" data-id=\"cbb51164-0f8e-418a-9381-99c392934760\"><div class=\"blockwheels-progress-bar-text\">JavaScript<\/div><!-- .blockwheels-progress-bar-text --><div class=\"blockwheels-progress-bar-line\" \n\t\t\tid=\"line-cbb51164-0f8e-418a-9381-99c392934760\" \n\t\t\tdata-number=\"0.95\"\n\t\t\tdata-thickness=\"40\"\n\t\t\tdata-background=\"#1c4425\"\n\t\t\tdata-base=\"#aad6ac\"\n\t\t\tdata-label=\"#363636\"\n\t\t\t><\/div><!-- .blockwheels-progress-bar-line --><\/div><\/div><\/div>\n<\/div>\n\n<div class=\"blockwheels-section sm-text-center md-text-center text-center\" data-id=\"1be98538-f1ca-4232-917b-a1363796f1db\">\n<p class=\"blockwheels-paragraph-block\">Lets visually represent skill levels with a linear progress bar. Customize colors, backgrounds, and more to match your style, offering a straightforward way to display progress and proficiency.<\/p>\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-1803","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/pages\/1803"}],"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=1803"}],"version-history":[{"count":16,"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/pages\/1803\/revisions"}],"predecessor-version":[{"id":1951,"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/pages\/1803\/revisions\/1951"}],"wp:attachment":[{"href":"https:\/\/demo.wpwheels.com\/blockwheels\/wp-json\/wp\/v2\/media?parent=1803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}