Progress Bar 6

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"99030b55-9250-4e13-2914-c591aa27edbe","type":"Block","tag":"div","classes":["7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b93"],"children":["31278682-2f9a-01d0-ed45-8cb7c64cb56d","4e9d474e-8ad2-6332-c5d0-7173dccb4416"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"31278682-2f9a-01d0-ed45-8cb7c64cb56d","type":"Block","tag":"div","classes":["7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b94"],"children":["8ae079bc-cbd6-5cba-eb98-d8efe015f718","6c66f346-b465-2b94-753a-7f347ee4b119"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8ae079bc-cbd6-5cba-eb98-d8efe015f718","type":"Block","tag":"div","classes":["7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b95"],"children":["37900dff-eff4-1696-161d-9fbb4f5d35e6"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"37900dff-eff4-1696-161d-9fbb4f5d35e6","text":true,"v":"20"},{"_id":"6c66f346-b465-2b94-753a-7f347ee4b119","type":"Block","tag":"div","classes":["7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b96"],"children":["ae8c040c-373d-bb98-0b23-21972dc8e2b3"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ae8c040c-373d-bb98-0b23-21972dc8e2b3","text":true,"v":"% complete"},{"_id":"4e9d474e-8ad2-6332-c5d0-7173dccb4416","type":"Block","tag":"div","classes":["7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b97"],"children":["3b47982d-eda0-19e5-c844-a46ec6dd00bd"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3b47982d-eda0-19e5-c844-a46ec6dd00bd","type":"Block","tag":"div","classes":["7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b98"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b93","fake":false,"type":"class","name":"progress-bar-6","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b94","fake":false,"type":"class","name":"progress-bar-6_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":"7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b95","fake":false,"type":"class","name":"progress-bar-6_percent","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b96","fake":false,"type":"class","name":"progress-bar-6_text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b97","fake":false,"type":"class","name":"progress-bar-6_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":"7fcc0ca8-3e64-e4e5-7f8b-bbff75a29b98","fake":false,"type":"class","name":"progress-bar-6_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