></circle>\n</svg>\n
.circular-progress {\n  --size: 250px;\n  --half-size: calc(var(--size) / 2);\n  --stroke-width: 20px;\n  --radius: calc((var(--size) - var(--stroke-width)) / 2);\n  --circumference: calc(var(--radius) * pi * 2);\n  --dash: calc((var(--progress) * var(--circumference)) / 100);\n  animation: progress-animation 5s linear 0s 1 forwards;\n}\n\n.circular-progress circle {\n  cx: var(--half-size);\n  cy: var(--half-size);\n  r: var(--radius);\n  stroke-width: var(--stroke-width);\n  fill: none;\n  stroke-linecap: round;\n}\n\n.circular-progress circle.bg {\n  stroke: