About This Pattern
Three horizontal progress bars to display a given data.
Use This Pattern
To use this pattern click the button below then paste the content directly into your website’s editor. Please note that you will need to update any placeholder images in the pattern. For some themes, colors and mobile breakpoints may also need adjustments.
<!-- wp:kadence/progress-bar {"uniqueID":"386_c6b8ae-df","margin":["","","md",""],"progressWidth":2.25,"progressWidthMobile":5,"labelFont":{"color":"","level":6,"size":["","",""],"sizeType":"px","lineHeight":["","",""],"lineType":"","letterSpacing":["","",""],"textTransform":"","family":"-apple-system,BlinkMacSystemFont,\u0022Segoe UI\u0022,Roboto,Oxygen-Sans,Ubuntu,Cantarell,\u0022Helvetica Neue\u0022,sans-serif, \u0022Apple Color Emoji\u0022, \u0022Segoe UI Emoji\u0022, \u0022Segoe UI Symbol\u0022","google":false,"style":"normal","weight":"700","variant":"","subset":"","loadGoogle":true,"padding":[0,0,0,0],"margin":[0,0,0,0]},"label":"Stat 1 Progress","progressAmount":48,"progressBorderRadius":[0,"",""]} /-->
<!-- wp:kadence/progress-bar {"uniqueID":"386_ff2cc7-fc","margin":["","","md",""],"progressWidth":2.25,"progressWidthMobile":5,"labelFont":{"color":"","level":6,"size":["","",""],"sizeType":"px","lineHeight":["","",""],"lineType":"","letterSpacing":["","",""],"textTransform":"","family":"-apple-system,BlinkMacSystemFont,\u0022Segoe UI\u0022,Roboto,Oxygen-Sans,Ubuntu,Cantarell,\u0022Helvetica Neue\u0022,sans-serif, \u0022Apple Color Emoji\u0022, \u0022Segoe UI Emoji\u0022, \u0022Segoe UI Symbol\u0022","google":false,"style":"normal","weight":"700","variant":"","subset":"","loadGoogle":true,"padding":[0,0,0,0],"margin":[0,0,0,0]},"label":"Stat 2 Progress","progressAmount":23,"progressBorderRadius":[0,"",""]} /-->
<!-- wp:kadence/progress-bar {"uniqueID":"386_2a08ce-8e","margin":["","","sm",""],"progressWidth":2.25,"progressWidthMobile":5,"labelFont":{"color":"","level":6,"size":["","",""],"sizeType":"px","lineHeight":["","",""],"lineType":"","letterSpacing":["","",""],"textTransform":"","family":"-apple-system,BlinkMacSystemFont,\u0022Segoe UI\u0022,Roboto,Oxygen-Sans,Ubuntu,Cantarell,\u0022Helvetica Neue\u0022,sans-serif, \u0022Apple Color Emoji\u0022, \u0022Segoe UI Emoji\u0022, \u0022Segoe UI Symbol\u0022","google":false,"style":"normal","weight":"700","variant":"","subset":"","loadGoogle":true,"padding":[0,0,0,0],"margin":[0,0,0,0]},"label":"Stat 3 Progress","progressAmount":31,"progressBorderRadius":[0,"",""]} /-->