CodePen Embed - JjNoOWd

<svg viewBox="-1000 -1000 2000 2000" width="250" style="line-height: 1;">
  <circle r="600" fill="none" stroke="#ccc" stroke-width="350" />
  <circle r="600" fill="none" stroke="#86D1BC" stroke-width="350" stroke-dasharray="753.905908203125 3769.529541015625" transform="rotate(-70)" /><text font-size="200px" style="text-anchor: middle; alignment-baseline: central">20%</text>
</svg>

This Pen is owned by topicstarter on CodePen.

See more by @topicstarter on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.