Progress Bar 30

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"2ffd2517-2a57-d16d-5df6-aa7dd05cc342","type":"Block","tag":"div","classes":["06819d5e-b87a-6347-81b0-faeebf025a33"],"children":["59f98db3-1545-ec86-2f56-9fe937e1f876","bbae9dae-bec9-16e4-b9cc-20452ed96409"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"59f98db3-1545-ec86-2f56-9fe937e1f876","type":"HtmlEmbed","tag":"div","classes":["b0df3c5b-cc58-34c5-43e2-2ea2014aede5"],"children":[],"v":"<style>\n\t.progress-bar-30_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-30_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":"bbae9dae-bec9-16e4-b9cc-20452ed96409","type":"Block","tag":"div","classes":["06819d5e-b87a-6347-81b0-faeebf025a34"],"children":["1c5f6469-c626-177d-e229-9eba74633573","b174b779-0b96-7029-abad-b38194bc3dac"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1c5f6469-c626-177d-e229-9eba74633573","type":"Block","tag":"div","classes":["06819d5e-b87a-6347-81b0-faeebf025a35"],"children":["333675e7-1936-9e24-38be-4ce0528f6a53","6f8e5ecf-d46f-e02d-c7a2-1f02371a9983"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"333675e7-1936-9e24-38be-4ce0528f6a53","type":"Block","tag":"div","classes":["06819d5e-b87a-6347-81b0-faeebf025a36"],"children":["849d4df6-4464-2087-3973-282c55db932e"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"849d4df6-4464-2087-3973-282c55db932e","text":true,"v":"25"},{"_id":"6f8e5ecf-d46f-e02d-c7a2-1f02371a9983","type":"Block","tag":"div","classes":["06819d5e-b87a-6347-81b0-faeebf025a37"],"children":["699b9b25-ad9d-39dd-0ba4-f4bea2e6938b"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"699b9b25-ad9d-39dd-0ba4-f4bea2e6938b","text":true,"v":"% complete"},{"_id":"b174b779-0b96-7029-abad-b38194bc3dac","type":"Block","tag":"div","classes":["06819d5e-b87a-6347-81b0-faeebf025a38"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"06819d5e-b87a-6347-81b0-faeebf025a33","fake":false,"type":"class","name":"progress-bar-30","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":"06819d5e-b87a-6347-81b0-faeebf025a34","fake":false,"type":"class","name":"progress-bar-30_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":"06819d5e-b87a-6347-81b0-faeebf025a35","fake":false,"type":"class","name":"progress-bar-30_status","namespace":"","comb":"","styleLess":"display: flex; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"06819d5e-b87a-6347-81b0-faeebf025a36","fake":false,"type":"class","name":"progress-bar-30_percent","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"06819d5e-b87a-6347-81b0-faeebf025a37","fake":false,"type":"class","name":"progress-bar-30_text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"06819d5e-b87a-6347-81b0-faeebf025a38","fake":false,"type":"class","name":"progress-bar-30_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