progress:nth-of-type(1) {
  accent-color: hotpink;
}

progress {
  height: 10px;
  border-radius: 100px;
  -webkit-clip-path: inset(0 0 0 0 round 100px);
          clip-path: inset(0 0 0 0 round 100px);
}

progress::-webkit-progress-bar {
  background: hsl(0 0% 92%);
}
progress::-webkit-progress-value {
  -webkit-transition: width 0.2s, background 0.2s;
  transition: width 0.2s, background 0.2s;
  background: var(--accent, hsl(0 0% 92%));
}
progress::-moz-progress-bar {
  -moz-transition: width 0.2s, background 0.2s;
  transition: width 0.2s, background 0.2s;
  background: var(--accent, hsl(0 0% 92%));
}