Progress Bar 12

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"be3bd29b-d7c3-ebde-e9b7-6f61f5734ab9","type":"Block","tag":"div","classes":["ffe1ed6e-bb72-515a-046a-9c1b9061d6b1"],"children":["bff7b183-ee37-926d-1ee3-1f07450a34ff","8f6839f9-a214-0847-0f9e-fd9a598f2be6"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bff7b183-ee37-926d-1ee3-1f07450a34ff","type":"Block","tag":"div","classes":["ffe1ed6e-bb72-515a-046a-9c1b9061d6b2"],"children":["c36a2d52-8d4d-d356-b739-1cfe77022fb1","22735c3a-3950-5bdc-4c83-01ae1be603d7"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c36a2d52-8d4d-d356-b739-1cfe77022fb1","type":"Block","tag":"div","classes":["ffe1ed6e-bb72-515a-046a-9c1b9061d6b3"],"children":["4a97d0ae-5eb3-d01a-a251-30fc4f00d3a4"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4a97d0ae-5eb3-d01a-a251-30fc4f00d3a4","text":true,"v":"20"},{"_id":"22735c3a-3950-5bdc-4c83-01ae1be603d7","type":"Block","tag":"div","classes":["ffe1ed6e-bb72-515a-046a-9c1b9061d6b4"],"children":["909886c4-daab-f089-454d-e50bda827868"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"909886c4-daab-f089-454d-e50bda827868","text":true,"v":"% complete"},{"_id":"8f6839f9-a214-0847-0f9e-fd9a598f2be6","type":"Block","tag":"div","classes":["ffe1ed6e-bb72-515a-046a-9c1b9061d6b5"],"children":["96f81593-d3ac-420c-1b58-32cbbec62dec"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"96f81593-d3ac-420c-1b58-32cbbec62dec","type":"Block","tag":"div","classes":["ffe1ed6e-bb72-515a-046a-9c1b9061d6b6"],"children":["d76de0a2-7b88-af12-465e-3360fe092a5b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d76de0a2-7b88-af12-465e-3360fe092a5b","type":"Block","tag":"div","classes":["ffe1ed6e-bb72-515a-046a-9c1b9061d6b7"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"ffe1ed6e-bb72-515a-046a-9c1b9061d6b1","fake":false,"type":"class","name":"progress-bar-12","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"ffe1ed6e-bb72-515a-046a-9c1b9061d6b2","fake":false,"type":"class","name":"progress-bar-12_status","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 0.25rem; font-size: 1.125rem; line-height: 1.2em; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"ffe1ed6e-bb72-515a-046a-9c1b9061d6b3","fake":false,"type":"class","name":"progress-bar-12_percent","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"ffe1ed6e-bb72-515a-046a-9c1b9061d6b4","fake":false,"type":"class","name":"progress-bar-12_text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"ffe1ed6e-bb72-515a-046a-9c1b9061d6b5","fake":false,"type":"class","name":"progress-bar-12_container","namespace":"","comb":"","styleLess":"width: 100%; height: 0.5rem; background-color: #d6deea;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"ffe1ed6e-bb72-515a-046a-9c1b9061d6b6","fake":false,"type":"class","name":"progress-bar-12_progress","namespace":"","comb":"","styleLess":"display: flex; width: 20%; height: 0.5rem; justify-content: flex-start; align-items: center; 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: white;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"ffe1ed6e-bb72-515a-046a-9c1b9061d6b7","fake":false,"type":"class","name":"progress-bar-12_decor","namespace":"","comb":"","styleLess":"width: 100%; height: 0.125rem; margin-right: 0.0625rem; margin-left: 0.0625rem; 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