JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div></div>

CSS

div {
  --p: 70;
  --track-size: 20px;
  width: 100px;
  height: 100px;
  background: conic-gradient(deeppink calc(var(--p, 0) * 1%), gold 0);
  -webkit-mask-image: radial-gradient(transparent calc(75% - var(--track-size)), black calc(calc(75% - var(--track-size)) + 0.5px));
  border-radius: 50%;
}