Progress Bar 5

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4a016b8d-d3d2-36d4-9eb0-fac542f150fd","type":"Block","tag":"div","classes":["3b544c1d-5701-3390-17e6-b2e0b1a58c16"],"children":["c0ee75d9-9086-f475-9add-bc4a3d9b7f08"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c0ee75d9-9086-f475-9add-bc4a3d9b7f08","type":"Block","tag":"div","classes":["3b544c1d-5701-3390-17e6-b2e0b1a58c17"],"children":["6e7f5372-2cb5-da8b-8783-b6c39ae8bdd9"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6e7f5372-2cb5-da8b-8783-b6c39ae8bdd9","type":"Block","tag":"div","classes":["3b544c1d-5701-3390-17e6-b2e0b1a58c18"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"3b544c1d-5701-3390-17e6-b2e0b1a58c16","fake":false,"type":"class","name":"progress-bar-5","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"3b544c1d-5701-3390-17e6-b2e0b1a58c17","fake":false,"type":"class","name":"progress-bar-5_container","namespace":"","comb":"","styleLess":"width: 100%; height: 0.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #d6deea;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"3b544c1d-5701-3390-17e6-b2e0b1a58c18","fake":false,"type":"class","name":"progress-bar-5_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; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; 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