<svg viewBox="-500 -500 1000 1000" width="500">
  <circle r="440" class='bg' />
  <circle r="440" class="chart" />
</svg>

circle {
   stroke-width: 40;
        stroke-linecap: round;
        transform-box: fill-box;
        transform-origin: center;
  fill:none;
}
.chart{
  stroke-dasharray: 1253.811865 2763.911865234375;
     stroke: #FF9900;
}
.bg{
  stroke-dasharray: 1253.811865 2763.911865234375;
  stroke: #FFFF;
}

body{
  background-color: black
}

svg{
  transfrom: rotate(90deg);
  transform: scaleX(-1)rotate(30deg);
}