Progress Bar 27

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"6c9f4dcf-e4c3-d26e-32ac-9cf6b2cec2c8","type":"Block","tag":"div","classes":["0556eeac-a106-fd66-c54c-ee63a5448efc"],"children":["5356f993-318c-130d-5fb2-8441f87127f9","ffd276ea-b243-e0c0-72d6-d7ec42f999c5","d4979eae-699f-efa2-a847-e0cc335ec414"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5356f993-318c-130d-5fb2-8441f87127f9","type":"HtmlEmbed","tag":"div","classes":["b0df3c5b-cc58-34c5-43e2-2ea2014aede5"],"children":[],"v":"<style>\n\t.progress-bar-27_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-27_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":"ffd276ea-b243-e0c0-72d6-d7ec42f999c5","type":"Block","tag":"div","classes":["0556eeac-a106-fd66-c54c-ee63a5448efe"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d4979eae-699f-efa2-a847-e0cc335ec414","type":"Block","tag":"div","classes":["0556eeac-a106-fd66-c54c-ee63a5448eff"],"children":["0ecd3631-2a8b-2683-fb84-31872365d537","3d0766e2-4366-beb6-e45e-587b25873a16"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0ecd3631-2a8b-2683-fb84-31872365d537","type":"Block","tag":"div","classes":["0556eeac-a106-fd66-c54c-ee63a5448f00"],"children":["7fee0cc5-4261-50be-1e76-0353333e9cdb"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7fee0cc5-4261-50be-1e76-0353333e9cdb","text":true,"v":"25"},{"_id":"3d0766e2-4366-beb6-e45e-587b25873a16","type":"Block","tag":"div","classes":["0556eeac-a106-fd66-c54c-ee63a5448f01"],"children":["5fd54538-48f3-6e7d-968f-82aceecf59be"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5fd54538-48f3-6e7d-968f-82aceecf59be","text":true,"v":"% complete"}],"styles":[{"_id":"0556eeac-a106-fd66-c54c-ee63a5448efc","fake":false,"type":"class","name":"progress-bar-27","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":"0556eeac-a106-fd66-c54c-ee63a5448efe","fake":false,"type":"class","name":"progress-bar-27_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":"0556eeac-a106-fd66-c54c-ee63a5448eff","fake":false,"type":"class","name":"progress-bar-27_status","namespace":"","comb":"","styleLess":"display: flex; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"0556eeac-a106-fd66-c54c-ee63a5448f00","fake":false,"type":"class","name":"progress-bar-27_percent","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"0556eeac-a106-fd66-c54c-ee63a5448f01","fake":false,"type":"class","name":"progress-bar-27_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