<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42">
  <circle cx="21" cy="21" r="15.91549430918954" fill="{{bgColor}}"></circle>
  <circle cx="21" cy="21" r="15.91549430918954" fill="transparent" stroke="{{baseColor}}" stroke-width="{{stroke}}"></circle>

  <circle cx="21" cy="21" r="15.91549430918954" fill="transparent" stroke="{{chartColor}}" stroke-width="{{stroke}}" stroke-dasharray="{{percent}} {{remainder}}" stroke-dashoffset="25"></circle>
</svg>
