About This Pattern
Three horizontal progress bars to display a given data.
Dependencies
The following items are required to use this pattern: Kadence Block Plugin
Use This Pattern
To use this pattern, click the clipboard icon on the top right of the box below to copy the code then paste it into the editor on your website. Do not highlight the text and copy it manually. You will need to update any images that may be in the pattern so your website is not cross linking with this page.
<!-- 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,"",""]} /-->