Progress Bar 7

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"a6c5d98b-b001-44ff-b531-dc889d209c84","type":"Block","tag":"div","classes":["11c559f1-5a9b-585b-8da6-9e64e7f92e14"],"children":["67caa6d9-96f8-735b-7489-065991cf82d1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"67caa6d9-96f8-735b-7489-065991cf82d1","type":"Block","tag":"div","classes":["11c559f1-5a9b-585b-8da6-9e64e7f92e15"],"children":["93df8a43-0256-165f-7e4e-52fb3b819ea2"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93df8a43-0256-165f-7e4e-52fb3b819ea2","type":"Block","tag":"div","classes":["11c559f1-5a9b-585b-8da6-9e64e7f92e16"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"11c559f1-5a9b-585b-8da6-9e64e7f92e14","fake":false,"type":"class","name":"progress-bar-7","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"11c559f1-5a9b-585b-8da6-9e64e7f92e15","fake":false,"type":"class","name":"progress-bar-7_container","namespace":"","comb":"","styleLess":"width: 100%; height: 0.5rem; background-color: #d6deea;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"11c559f1-5a9b-585b-8da6-9e64e7f92e16","fake":false,"type":"class","name":"progress-bar-7_progress","namespace":"","comb":"","styleLess":"width: 20%; height: 0.5rem; border-top-style: solid; border-top-width: 0.125rem; border-top-color: #0c60f5; border-right-style: solid; border-right-width: 0.125rem; border-right-color: #0c60f5; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: #0c60f5; border-left-style: solid; border-left-width: 0.125rem; border-left-color: #0c60f5; background-color: #f6ad12;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
Built by hand with
from
Piixel Media