Progress Bar 13

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f969f28a-70cc-e34a-baeb-3fe1c0310602","type":"Block","tag":"div","classes":["50894967-f467-b38e-17d5-56c4fd4d7680"],"children":["3b3f0e0b-49da-bd4e-7d96-538d347d3e4d"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3b3f0e0b-49da-bd4e-7d96-538d347d3e4d","type":"Block","tag":"div","classes":["50894967-f467-b38e-17d5-56c4fd4d7681"],"children":["070ff442-7e5e-8d5e-b965-a2c5619e6f80","474c521a-ac5f-a187-200b-9194f63acd36"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"070ff442-7e5e-8d5e-b965-a2c5619e6f80","type":"Block","tag":"div","classes":["50894967-f467-b38e-17d5-56c4fd4d7682"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"474c521a-ac5f-a187-200b-9194f63acd36","type":"Block","tag":"div","classes":["50894967-f467-b38e-17d5-56c4fd4d7683"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"50894967-f467-b38e-17d5-56c4fd4d7680","fake":false,"type":"class","name":"progress-bar-13","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"50894967-f467-b38e-17d5-56c4fd4d7681","fake":false,"type":"class","name":"progress-bar-13_container","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 0.5rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"50894967-f467-b38e-17d5-56c4fd4d7682","fake":false,"type":"class","name":"progress-bar-13_progress","namespace":"","comb":"","styleLess":"position: absolute; width: 20%; 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: #0c60f5;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"50894967-f467-b38e-17d5-56c4fd4d7683","fake":false,"type":"class","name":"progress-bar-13_background","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 0.5rem; justify-content: flex-start; align-items: center; border-top-style: solid; border-top-width: 0.125rem; border-top-color: #d6deea; border-right-style: solid; border-right-width: 0.125rem; border-right-color: #d6deea; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: #d6deea; border-left-style: solid; border-left-width: 0.125rem; border-left-color: #d6deea; 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: white;","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