JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #fe0;
}

:root {
  --r: 100px;
  --t: 10;
}

div {
  overflow: hidden;
  position: absolute;
  left: calc(50% - var(--r));
  top: calc(50% - var(--r));
  width: calc(var(--r) * 2);
  height: calc(var(--r) * 2);
  border-radius: 50%;
  box-shadow: 0 0 0 5px #000;
  background: conic-gradient(#000 calc(100% * var(--t) / 60), #fff calc(100% * var(--t) / 60));
}