.progress{--size:40px;width:var(--size);height:var(--size);background:conic-gradient(var(--color) var(--progress,0),#f1f1f1 0);place-content:center}.progress,.progress:after{aspect-ratio:1;border-radius:50%;display:grid}.progress:after{width:calc(var(--size) * .8);height:calc(var(--size) * .8);content:attr(data-value);background:#fff;font-size:calc(var(--size) * .4);place-content:center;font-family:Open Sans;font-size:14px;font-weight:400}