Progress Bar 26

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ee8fa7db-8408-9404-f9fc-a21af2c0f3b3","type":"Block","tag":"div","classes":["8702a922-e047-c09a-3901-a77aeb6b1032"],"children":["e6bc6b9c-d187-a542-2d83-200b8a92e8c8","0b3ff928-fdbc-b45b-43d3-9b076a4236e9"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e6bc6b9c-d187-a542-2d83-200b8a92e8c8","type":"HtmlEmbed","tag":"div","classes":["b0df3c5b-cc58-34c5-43e2-2ea2014aede5"],"children":[],"v":"<style>\n\t.progress-bar-26_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-26_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":"0b3ff928-fdbc-b45b-43d3-9b076a4236e9","type":"Block","tag":"div","classes":["8702a922-e047-c09a-3901-a77aeb6b1033"],"children":["b71913e4-8401-ff15-2140-3dc6bd1021a3"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b71913e4-8401-ff15-2140-3dc6bd1021a3","type":"Block","tag":"div","classes":["8702a922-e047-c09a-3901-a77aeb6b1034"],"children":["821e2c12-6f02-f934-0a55-75b12a15fdbe"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"821e2c12-6f02-f934-0a55-75b12a15fdbe","text":true,"v":"25%"}],"styles":[{"_id":"8702a922-e047-c09a-3901-a77aeb6b1032","fake":false,"type":"class","name":"progress-bar-26","namespace":"","comb":"","styleLess":"","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":"8702a922-e047-c09a-3901-a77aeb6b1033","fake":false,"type":"class","name":"progress-bar-26_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":"8702a922-e047-c09a-3901-a77aeb6b1034","fake":false,"type":"class","name":"progress-bar-26_status","namespace":"","comb":"","styleLess":"font-weight: 700;","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