.circular-progress{--half-size:calc(var(--size)/2);--radius:calc((var(--size) - var(--stroke-width))/2);--circumference:calc(var(--radius)*pi*2);--dash:calc((var(--progress)*var(--circumference))/100)}.circular-progress circle{cx:var(--half-size);cy:var(--half-size);fill:none;r:var(--radius);stroke-linecap:round;stroke-width:var(--stroke-width)}.circular-progress circle.bg{stroke:var(--ed7b063e)}.circular-progress circle.fg{stroke:var(--e5fe9bce);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);transition:stroke-dasharray .3s linear 0s}