Progress Bar 28

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"b58f44bb-a7e7-ead2-c210-ce316a600401","type":"Block","tag":"div","classes":["d5cbf5c9-f1a3-d365-3cbc-6e21c6547b39"],"children":["516b5d1d-f571-5f3e-6e67-614fb315b477","1b9e7695-1fb7-9cc7-2ea2-00a5d1622188"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"516b5d1d-f571-5f3e-6e67-614fb315b477","type":"HtmlEmbed","tag":"div","classes":["b0df3c5b-cc58-34c5-43e2-2ea2014aede5"],"children":[],"v":"<style>\n\t.progress-bar-28_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-28_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":"1b9e7695-1fb7-9cc7-2ea2-00a5d1622188","type":"Block","tag":"div","classes":["f87d226f-c0fa-afc3-d002-ae9e03392ec4"],"children":["008430f1-e25e-eaf5-61df-5c7bd72f36f6","81ff5167-832d-7091-fb27-fbad52439193"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"008430f1-e25e-eaf5-61df-5c7bd72f36f6","type":"Block","tag":"div","classes":["d5cbf5c9-f1a3-d365-3cbc-6e21c6547b3a"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"81ff5167-832d-7091-fb27-fbad52439193","type":"Block","tag":"div","classes":["d5cbf5c9-f1a3-d365-3cbc-6e21c6547b3b"],"children":["3d04afd3-514b-90c5-009f-7ee9f7d56045","f239a725-4d24-623a-f114-06249082a115"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3d04afd3-514b-90c5-009f-7ee9f7d56045","type":"Block","tag":"div","classes":["d5cbf5c9-f1a3-d365-3cbc-6e21c6547b3c"],"children":["94ab0c07-9154-1aa7-0e6e-21b31431144c"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"94ab0c07-9154-1aa7-0e6e-21b31431144c","text":true,"v":"25"},{"_id":"f239a725-4d24-623a-f114-06249082a115","type":"Block","tag":"div","classes":["d5cbf5c9-f1a3-d365-3cbc-6e21c6547b3d"],"children":["0eccf5c8-af9d-5a80-2f24-2a5d0475a3c6"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0eccf5c8-af9d-5a80-2f24-2a5d0475a3c6","text":true,"v":"% complete"}],"styles":[{"_id":"d5cbf5c9-f1a3-d365-3cbc-6e21c6547b39","fake":false,"type":"class","name":"progress-bar-28","namespace":"","comb":"","styleLess":"display: flex; justify-content: flex-start; align-items: flex-start;","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":"f87d226f-c0fa-afc3-d002-ae9e03392ec4","fake":false,"type":"class","name":"progress-bar-28_align","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"d5cbf5c9-f1a3-d365-3cbc-6e21c6547b3a","fake":false,"type":"class","name":"progress-bar-28_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},{"_id":"d5cbf5c9-f1a3-d365-3cbc-6e21c6547b3b","fake":false,"type":"class","name":"progress-bar-28_status","namespace":"","comb":"","styleLess":"display: flex; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"d5cbf5c9-f1a3-d365-3cbc-6e21c6547b3c","fake":false,"type":"class","name":"progress-bar-28_percent","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"d5cbf5c9-f1a3-d365-3cbc-6e21c6547b3d","fake":false,"type":"class","name":"progress-bar-28_text","namespace":"","comb":"","styleLess":"","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