CodePen Embed - abZdBwq

<svg id="svg" width="200" height="200" viewport="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <circle  r="90" cx="100" cy="100" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="197.92px"  stroke-width="1em" stroke="blue">  </circle>
  <circle  r="64" cx="100" cy="100" fill="transparent" stroke-dasharray="446.48" stroke-dashoffset="197.92px" stroke="green" stroke-width="1em"></circle>
    <circle  r="31" cx="100" cy="100" fill="transparent" stroke-dasharray="300.48" stroke-dashoffset="197.92px" stroke-width="1em" stroke="purple"></circle>
</svg>

This Pen is owned by Kroq on CodePen.

See more by @Kroq on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.