Progress Bar 29

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"44739119-57f6-aef3-abaa-af9c10d44238","type":"Block","tag":"div","classes":["c4c8f0ec-716a-9e21-1840-4b90e362ae93"],"children":["22e8ab4e-e438-0888-8818-a8611d062a57","1cc4283b-70b5-0dd1-46b1-79b3a1130d52","06cdfaeb-bef4-2af6-9ead-f5ed15feb2d9"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"22e8ab4e-e438-0888-8818-a8611d062a57","type":"HtmlEmbed","tag":"div","classes":["b0df3c5b-cc58-34c5-43e2-2ea2014aede5"],"children":[],"v":"<style>\n\t.progress-bar-29_container {\n \tbackground:\n \tradial-gradient(closest-side, white 78%, transparent 79% 100%),\n conic-gradient(#0c60f5 25%, #d6deea 0);\n }\n</style>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<style>\n\t.progress-bar-29_container {\n \tbackground:\n \tradial-gradient(closest-side, white 78%, transparent 79% 100%),\n conic-gradient(#0c60f5 25%, #d6deea 0);\n }\n</style>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"1cc4283b-70b5-0dd1-46b1-79b3a1130d52","type":"Block","tag":"div","classes":["c4c8f0ec-716a-9e21-1840-4b90e362ae94"],"children":["9e12a896-e757-591e-1749-41a13bda4b75","97425275-be42-22ce-b57a-7ed9f1394253"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9e12a896-e757-591e-1749-41a13bda4b75","type":"Block","tag":"div","classes":["c4c8f0ec-716a-9e21-1840-4b90e362ae95"],"children":["995beab1-52a6-1194-81b6-eea100b4f526"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"995beab1-52a6-1194-81b6-eea100b4f526","text":true,"v":"25"},{"_id":"97425275-be42-22ce-b57a-7ed9f1394253","type":"Block","tag":"div","classes":["c4c8f0ec-716a-9e21-1840-4b90e362ae96"],"children":["42235d7c-c687-7541-6fd0-4a802d1add3c"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"42235d7c-c687-7541-6fd0-4a802d1add3c","text":true,"v":"% complete"},{"_id":"06cdfaeb-bef4-2af6-9ead-f5ed15feb2d9","type":"Block","tag":"div","classes":["c4c8f0ec-716a-9e21-1840-4b90e362ae97"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"c4c8f0ec-716a-9e21-1840-4b90e362ae93","fake":false,"type":"class","name":"progress-bar-29","namespace":"","comb":"","styleLess":"display: flex; justify-content: flex-start; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"b0df3c5b-cc58-34c5-43e2-2ea2014aede5","fake":false,"type":"class","name":"CODE: Progress Circle","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c4c8f0ec-716a-9e21-1840-4b90e362ae94","fake":false,"type":"class","name":"progress-bar-29_status","namespace":"","comb":"","styleLess":"display: flex; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c4c8f0ec-716a-9e21-1840-4b90e362ae95","fake":false,"type":"class","name":"progress-bar-29_percent","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c4c8f0ec-716a-9e21-1840-4b90e362ae96","fake":false,"type":"class","name":"progress-bar-29_text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c4c8f0ec-716a-9e21-1840-4b90e362ae97","fake":false,"type":"class","name":"progress-bar-29_container","namespace":"","comb":"","styleLess":"display: flex; width: 5rem; height: 5rem; justify-content: center; align-items: center; border-top-left-radius: 2.5rem; border-top-right-radius: 2.5rem; border-bottom-left-radius: 2.5rem; border-bottom-right-radius: 2.5rem;","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