{"id":6922,"date":"2023-08-01T19:28:58","date_gmt":"2023-08-01T19:28:58","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=6922"},"modified":"2023-08-02T19:03:03","modified_gmt":"2023-08-02T19:03:03","password":"","slug":"progress-bar-block","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/progress-bar-block\/","title":{"rendered":"Progress Bar Block"},"content":{"rendered":"\n<p>A progress bar can be used to show how much progress has been made, how much percentage of a goal has been met, satisfaction rates, and many other use cases. Kadence Blocks v3.1 introduced the Kadence Progress Bar Block. You can use this block to display the progress in a visual format.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id_566be0-e1 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id_566be0-e1 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id_566be0-e1 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id_566be0-e1 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading_d2a05a-2f, .wp-block-kadence-advancedheading.kt-adv-heading_d2a05a-2f[data-kb-block=\"kb-adv-heading_d2a05a-2f\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_d2a05a-2f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_d2a05a-2f[data-kb-block=\"kb-adv-heading_d2a05a-2f\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_d2a05a-2f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_d2a05a-2f[data-kb-block=\"kb-adv-heading_d2a05a-2f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading_d2a05a-2f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_d2a05a-2f\">Example Progress Bars<\/h2>\n\n\n<style>.kb-row-layout-id_55836e-94 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id_55836e-94 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id_55836e-94 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);}.kb-row-layout-id_55836e-94 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id_55836e-94 > .kt-row-column-wrap{grid-template-columns:repeat(3, minmax(0, 1fr));}.kb-row-layout-id_55836e-94 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id_55836e-94 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){.kb-row-layout-id_55836e-94 > .kt-row-column-wrap{grid-template-columns:repeat(3, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id_55836e-94 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id_55836e-94 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id_55836e-94 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-3-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column_e2b738-b5 > .kt-inside-inner-col{display:flex;}.kadence-column_e2b738-b5 > .kt-inside-inner-col,.kadence-column_e2b738-b5 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_e2b738-b5 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_e2b738-b5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_e2b738-b5 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column_e2b738-b5{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_e2b738-b5{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_e2b738-b5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_e2b738-b5 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_e2b738-b5{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column_e2b738-b5{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_e2b738-b5{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_e2b738-b5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column_e2b738-b5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column_e2b738-b5{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_e2b738-b5{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_e2b738-b5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_e2b738-b5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_e2b738-b5 kb-section-dir-vertical\"><div class=\"kt-inside-inner-col\"><style>.kb-image_361fe5-64 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_361fe5-64\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"189\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example2-1024x189.jpg\" alt=\"\" class=\"kb-img wp-image-6924\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example2-1024x189.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example2-300x56.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example2-768x142.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example2-360x67.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example2.jpg 1254w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column_52fe7a-5d > .kt-inside-inner-col{display:flex;}.kadence-column_52fe7a-5d > .kt-inside-inner-col,.kadence-column_52fe7a-5d > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_52fe7a-5d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_52fe7a-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_52fe7a-5d > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column_52fe7a-5d{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_52fe7a-5d{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_52fe7a-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_52fe7a-5d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_52fe7a-5d{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column_52fe7a-5d{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_52fe7a-5d{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_52fe7a-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column_52fe7a-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column_52fe7a-5d{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_52fe7a-5d{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_52fe7a-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_52fe7a-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_52fe7a-5d\"><div class=\"kt-inside-inner-col\"><style>.kb-image_e5dd24-c9 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_e5dd24-c9\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1274\" height=\"1354\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example3.jpg\" alt=\"\" class=\"kb-img wp-image-6926\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example3.jpg 1274w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example3-282x300.jpg 282w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example3-963x1024.jpg 963w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example3-768x816.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example3-360x383.jpg 360w\" sizes=\"auto, (max-width: 1274px) 100vw, 1274px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column_4da10f-72 > .kt-inside-inner-col{display:flex;}.kadence-column_4da10f-72 > .kt-inside-inner-col,.kadence-column_4da10f-72 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_4da10f-72 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_4da10f-72 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_4da10f-72 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column_4da10f-72{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_4da10f-72{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_4da10f-72 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_4da10f-72 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_4da10f-72{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column_4da10f-72{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_4da10f-72{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_4da10f-72 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column_4da10f-72 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column_4da10f-72{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_4da10f-72{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_4da10f-72 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_4da10f-72 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_4da10f-72\"><div class=\"kt-inside-inner-col\"><style>.kb-image_74a89d-e1 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image_74a89d-e1 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example1-1024x669.jpg\" alt=\"\" class=\"kb-img wp-image-6923\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example1-1024x669.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example1-300x196.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example1-768x502.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example1-360x235.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Example1.jpg 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Block Settings<\/h2>\n\n\n\n<p>You can add a Progress Bar to the Page by finding the Progress Bar Block.<\/p>\n\n\n<style>.kb-image_27ffa0-a7.kb-image-is-ratio-size, .kb-image_27ffa0-a7 .kb-image-is-ratio-size{max-width:270px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image_27ffa0-a7.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image_27ffa0-a7 .kb-image-is-ratio-size{align-self:unset;}.kb-image_27ffa0-a7 figure{max-width:270px;}.kb-image_27ffa0-a7 .image-is-svg, .kb-image_27ffa0-a7 .image-is-svg img{width:100%;}.kb-image_27ffa0-a7 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_27ffa0-a7\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"682\" height=\"1416\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Add-Progress-Bar.jpg\" alt=\"\" class=\"kb-img wp-image-6936\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Add-Progress-Bar.jpg 682w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Add-Progress-Bar-144x300.jpg 144w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Add-Progress-Bar-493x1024.jpg 493w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Add-Progress-Bar-247x512.jpg 247w\" sizes=\"auto, (max-width: 682px) 100vw, 682px\" \/><\/figure><\/div>\n\n\n\n<p>You can then customize your Progress Bar by using the Block Settings.<\/p>\n\n\n<style>.kb-image_818f87-c3 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_818f87-c3\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1021\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Block-Settings-scaled.jpg\" alt=\"\" class=\"kb-img wp-image-6937\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Block-Settings-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Block-Settings-300x120.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Block-Settings-1024x408.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Block-Settings-768x306.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Block-Settings-360x144.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Block-Settings-1536x612.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Block-Settings-2048x816.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">General Tab<\/h3>\n\n\n<style>.kb-row-layout-id_7f03fc-d6 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id_7f03fc-d6 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id_7f03fc-d6 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id_7f03fc-d6 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id_7f03fc-d6 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id_7f03fc-d6 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id_7f03fc-d6 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column_82d9f7-ba > .kt-inside-inner-col,.kadence-column_82d9f7-ba > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_82d9f7-ba > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_82d9f7-ba > .kt-inside-inner-col{flex-direction:column;}.kadence-column_82d9f7-ba > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_82d9f7-ba > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_82d9f7-ba{position:relative;}@media all and (max-width: 1024px){.kadence-column_82d9f7-ba > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_82d9f7-ba > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_82d9f7-ba\"><div class=\"kt-inside-inner-col\">\n<p>At the top of the General Tab, you will see three different layouts that you can choose from. Each layout looks different and can be used in different scenarios.<br><br>The Progress Thickness option allows you to adjust the thickness of your Progress Bar.<br><br>You can adjust the Border Radius of your Progress Bar using the Border Radius setting. <br><br>You can change the Progress Bar percentage using the Progress Block Setting. For example 90\/100. This setting would be the 90.<br><br>You can also change the Max Progress. This changes the total percent used on your progress bar. For example 90\/100. This setting would be the 100.<\/p>\n\n\n\n<p>The Number Settings allow you to show or hide the Progress Bar Number.<br><br>You can use the Number Prefix setting to add a prefix to the number shown on the Progress Bar.<\/p>\n\n\n\n<p>Similiarly, you can use the Number Suffix setting to add a suffix to the number shown on the Progress Bar.<br><\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column_23d1b8-bb > .kt-inside-inner-col,.kadence-column_23d1b8-bb > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_23d1b8-bb > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_23d1b8-bb > .kt-inside-inner-col{flex-direction:column;}.kadence-column_23d1b8-bb > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_23d1b8-bb > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_23d1b8-bb{position:relative;}@media all and (max-width: 1024px){.kadence-column_23d1b8-bb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_23d1b8-bb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_23d1b8-bb\"><div class=\"kt-inside-inner-col\"><style>.kb-image_03bc83-d9.kb-image-is-ratio-size, .kb-image_03bc83-d9 .kb-image-is-ratio-size{max-width:270px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image_03bc83-d9.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image_03bc83-d9 .kb-image-is-ratio-size{align-self:unset;}.kb-image_03bc83-d9 figure{max-width:270px;}.kb-image_03bc83-d9 .image-is-svg, .kb-image_03bc83-d9 .image-is-svg img{width:100%;}.kb-image_03bc83-d9 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_03bc83-d9\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"542\" height=\"1522\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/General-Block-Settings-A.jpg\" alt=\"\" class=\"kb-img wp-image-6938\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/General-Block-Settings-A.jpg 542w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/General-Block-Settings-A-107x300.jpg 107w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/General-Block-Settings-A-365x1024.jpg 365w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/General-Block-Settings-A-182x512.jpg 182w\" sizes=\"auto, (max-width: 542px) 100vw, 542px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id_c925ac-97 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id_c925ac-97 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id_c925ac-97 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id_c925ac-97 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id_c925ac-97 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id_c925ac-97 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id_c925ac-97 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column_a9f192-c6 > .kt-inside-inner-col,.kadence-column_a9f192-c6 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_a9f192-c6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_a9f192-c6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_a9f192-c6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_a9f192-c6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_a9f192-c6{position:relative;}@media all and (max-width: 1024px){.kadence-column_a9f192-c6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_a9f192-c6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_a9f192-c6\"><div class=\"kt-inside-inner-col\">\n<p>The Animation settings allow you to set an animation on your Progress Bar.<br><br>You can set a Duration for the animation.<br><br>You can also enable or disable the option to Wait until visible to animate. This option, when enabled, makes the animation start whenever the Progress Bar becomes visible in the viewport.<br><br>The Type setting allows you to select your animation type. You can choose from linear, ease in, ease out, or ease in out. <\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column_58b35f-13 > .kt-inside-inner-col,.kadence-column_58b35f-13 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_58b35f-13 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_58b35f-13 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_58b35f-13 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_58b35f-13 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_58b35f-13{position:relative;}@media all and (max-width: 1024px){.kadence-column_58b35f-13 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_58b35f-13 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_58b35f-13\"><div class=\"kt-inside-inner-col\"><style>.kb-image_36f681-e2.kb-image-is-ratio-size, .kb-image_36f681-e2 .kb-image-is-ratio-size{max-width:270px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image_36f681-e2.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image_36f681-e2 .kb-image-is-ratio-size{align-self:unset;}.kb-image_36f681-e2 figure{max-width:270px;}.kb-image_36f681-e2 .image-is-svg, .kb-image_36f681-e2 .image-is-svg img{width:100%;}.kb-image_36f681-e2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_36f681-e2\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"630\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/General-Block-Settings-B.jpg\" alt=\"\" class=\"kb-img wp-image-6939\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/General-Block-Settings-B.jpg 552w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/General-Block-Settings-B-263x300.jpg 263w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/General-Block-Settings-B-360x411.jpg 360w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Style Tab<\/h3>\n\n\n<style>.kb-row-layout-id_a16154-ff > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id_a16154-ff > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id_a16154-ff > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id_a16154-ff > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id_a16154-ff > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id_a16154-ff > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id_a16154-ff alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column_97f490-2b > .kt-inside-inner-col,.kadence-column_97f490-2b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_97f490-2b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_97f490-2b > .kt-inside-inner-col{flex-direction:column;}.kadence-column_97f490-2b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_97f490-2b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_97f490-2b{position:relative;}@media all and (max-width: 1024px){.kadence-column_97f490-2b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_97f490-2b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_97f490-2b\"><div class=\"kt-inside-inner-col\">\n<p>You can use the Letter Case setting to put the &#8220;Progress&#8221; text above, inside, or below the Progress Bar.<\/p>\n\n\n\n<p>You can also set the Text Alignment for desktop, tablet, and mobile devices.<\/p>\n\n\n\n<p>The Text Layout lets you select the layout your text uses. You can choose either Label then %, % then Label, Label above %, or Label below %.<br><br>You can also choose whether to Show the Label or Show the Number using the toggle Show settings.<br><br>The Progress Color setting allows you to set a Progress Color and a Progress Background Color.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column_fc85d3-d4 > .kt-inside-inner-col,.kadence-column_fc85d3-d4 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_fc85d3-d4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_fc85d3-d4 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_fc85d3-d4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_fc85d3-d4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_fc85d3-d4{position:relative;}@media all and (max-width: 1024px){.kadence-column_fc85d3-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_fc85d3-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_fc85d3-d4\"><div class=\"kt-inside-inner-col\"><style>.kb-image_0e9964-58.kb-image-is-ratio-size, .kb-image_0e9964-58 .kb-image-is-ratio-size{max-width:270px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image_0e9964-58.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image_0e9964-58 .kb-image-is-ratio-size{align-self:unset;}.kb-image_0e9964-58 figure{max-width:270px;}.kb-image_0e9964-58 .image-is-svg, .kb-image_0e9964-58 .image-is-svg img{width:100%;}.kb-image_0e9964-58 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_0e9964-58\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"492\" height=\"1024\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-A-492x1024.jpg\" alt=\"\" class=\"kb-img wp-image-6942\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-A-492x1024.jpg 492w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-A-144x300.jpg 144w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-A-246x512.jpg 246w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-A.jpg 552w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id_e8771d-0d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id_e8771d-0d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id_e8771d-0d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id_e8771d-0d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id_e8771d-0d > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id_e8771d-0d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id_e8771d-0d alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column_ca6229-f6 > .kt-inside-inner-col,.kadence-column_ca6229-f6 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_ca6229-f6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_ca6229-f6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_ca6229-f6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_ca6229-f6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_ca6229-f6{position:relative;}@media all and (max-width: 1024px){.kadence-column_ca6229-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_ca6229-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_ca6229-f6\"><div class=\"kt-inside-inner-col\">\n<p>The Text Styling settings allow you to style your text.<br><br>You can set a Text Color using the Color Settings setting.<br><br>You can adjust the Font Size for desktop, tablet, and mobile devices.<br><br>You can change the Line Height and the Lettercase for your Progress Bar.<\/p>\n\n\n\n<p>The Font Family setting allows you to set a Font to the text on your Progress Bar.<br><br>You can also set a Font Weight for your Progress Bar.<br><br>The Letter Spacing setting allows you to adjust the Progress Bar text spacing.<br><br>You can also add a padding around your Progress Bar for desktop, tablet, and mobile devices.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column_184799-88 > .kt-inside-inner-col,.kadence-column_184799-88 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_184799-88 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_184799-88 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_184799-88 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_184799-88 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_184799-88{position:relative;}@media all and (max-width: 1024px){.kadence-column_184799-88 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_184799-88 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_184799-88\"><div class=\"kt-inside-inner-col\"><style>.kb-image_5e46fd-4c.kb-image-is-ratio-size, .kb-image_5e46fd-4c .kb-image-is-ratio-size{max-width:270px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image_5e46fd-4c.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image_5e46fd-4c .kb-image-is-ratio-size{align-self:unset;}.kb-image_5e46fd-4c figure{max-width:270px;}.kb-image_5e46fd-4c .image-is-svg, .kb-image_5e46fd-4c .image-is-svg img{width:100%;}.kb-image_5e46fd-4c .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_5e46fd-4c\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"457\" height=\"1024\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-B-457x1024.jpg\" alt=\"\" class=\"kb-img wp-image-6943\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-B-457x1024.jpg 457w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-B-134x300.jpg 134w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-B-228x512.jpg 228w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-B.jpg 552w\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id_fdfc9f-04 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id_fdfc9f-04 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id_fdfc9f-04 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id_fdfc9f-04 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id_fdfc9f-04 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id_fdfc9f-04 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id_fdfc9f-04 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column_348ab7-f8 > .kt-inside-inner-col,.kadence-column_348ab7-f8 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_348ab7-f8 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_348ab7-f8 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_348ab7-f8 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_348ab7-f8 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_348ab7-f8{position:relative;}@media all and (max-width: 1024px){.kadence-column_348ab7-f8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_348ab7-f8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_348ab7-f8\"><div class=\"kt-inside-inner-col\">\n<p>The Number Styling settings allow you to style your Progress Bar Numbers.<br><br>Similarly to Text Styling, you can adjust the same settings for Number Styling. These settings will, however, apply to the Numbers instead of the text.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column_e464f1-41 > .kt-inside-inner-col,.kadence-column_e464f1-41 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_e464f1-41 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_e464f1-41 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_e464f1-41 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_e464f1-41 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_e464f1-41{position:relative;}@media all and (max-width: 1024px){.kadence-column_e464f1-41 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_e464f1-41 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_e464f1-41\"><div class=\"kt-inside-inner-col\"><style>.kb-image_4b558a-a4.kb-image-is-ratio-size, .kb-image_4b558a-a4 .kb-image-is-ratio-size{max-width:270px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image_4b558a-a4.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image_4b558a-a4 .kb-image-is-ratio-size{align-self:unset;}.kb-image_4b558a-a4 figure{max-width:270px;}.kb-image_4b558a-a4 .image-is-svg, .kb-image_4b558a-a4 .image-is-svg img{width:100%;}.kb-image_4b558a-a4 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_4b558a-a4\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"457\" height=\"1024\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-B-457x1024.jpg\" alt=\"\" class=\"kb-img wp-image-6943\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-B-457x1024.jpg 457w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-B-134x300.jpg 134w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-B-228x512.jpg 228w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Style-Settings-B.jpg 552w\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Advanced Tab<\/h3>\n\n\n<style>.kb-row-layout-id_8d2721-37 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id_8d2721-37 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id_8d2721-37 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id_8d2721-37 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id_8d2721-37 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id_8d2721-37 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id_8d2721-37 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column_aeb0c4-67 > .kt-inside-inner-col,.kadence-column_aeb0c4-67 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_aeb0c4-67 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_aeb0c4-67 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_aeb0c4-67 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_aeb0c4-67 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_aeb0c4-67{position:relative;}@media all and (max-width: 1024px){.kadence-column_aeb0c4-67 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_aeb0c4-67 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_aeb0c4-67\"><div class=\"kt-inside-inner-col\">\n<p>The Advanced Block Settings allow you to add a Margin to your Progress Bar.<br><br>You can also add a Max Width.<br><br>If you expand the Advanced tab, you will be able to add Additional CSS Class(es) to your Progress Bar Block.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column_c16ee9-54 > .kt-inside-inner-col,.kadence-column_c16ee9-54 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_c16ee9-54 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_c16ee9-54 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_c16ee9-54 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_c16ee9-54 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_c16ee9-54{position:relative;}@media all and (max-width: 1024px){.kadence-column_c16ee9-54 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_c16ee9-54 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_c16ee9-54\"><div class=\"kt-inside-inner-col\"><style>.kb-image_37f28e-8c.kb-image-is-ratio-size, .kb-image_37f28e-8c .kb-image-is-ratio-size{max-width:270px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image_37f28e-8c.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image_37f28e-8c .kb-image-is-ratio-size{align-self:unset;}.kb-image_37f28e-8c figure{max-width:270px;}.kb-image_37f28e-8c .image-is-svg, .kb-image_37f28e-8c .image-is-svg img{width:100%;}.kb-image_37f28e-8c .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_37f28e-8c\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"870\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Advanced-Settings.jpg\" alt=\"\" class=\"kb-img wp-image-6944\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Advanced-Settings.jpg 550w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Advanced-Settings-190x300.jpg 190w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/07\/Advanced-Settings-324x512.jpg 324w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>A progress bar can be used to show how much progress has been made, how much percentage of a goal has been met, satisfaction rates, and many other use cases. Kadence Blocks v3.1 introduced the Kadence Progress Bar Block. You can use this block to display the progress in a visual format. Example Progress Bars&#8230;<\/p>\n","protected":false},"author":148263,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[421],"doc_tag":[],"knowledge_base":[7],"class_list":["post-6922","docs","type-docs","status-publish","hentry","doc_category-kadence-blocks","knowledge_base-kadence-blocks"],"year_month":"2026-05","word_count":590,"total_views":"5553","reactions":{"happy":"1","normal":"0","sad":"0"},"author_info":{"display_name":"victormonk","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/victormonk\/"},"doc_category_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/kadence-blocks\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/","term_slug":"kadence-blocks"}],"knowledge_base_slug":["kadence-blocks"],"taxonomy_info":{"doc_category":[{"value":421,"label":"Kadence Blocks"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/148263"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=6922"}],"version-history":[{"count":7,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6922\/revisions"}],"predecessor-version":[{"id":7049,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6922\/revisions\/7049"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=6922"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=6922"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=6922"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=6922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}