title: Partial circle with dashed line?
body: <p>I'm trying to create a partial circle with dashed border but I can't find out how to achive that.</p>
  <p>For instance, I want to create something like this using SVG</p>
  <p><a href="https://i.stack.imgur.com/VsbJi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VsbJi.png" alt="enter image description here" /></a></p>
  <p>I know how to create both dashed border and a partial circle separately by using &quot;stroke-dasharray&quot;. But I have no idea how to combine them.</p>
  <p>For instance,</p>
  <p><strong>partial cicle</strong></p>
  <pre><code>&lt;svg viewBox=&quot;0 0 320 320&quot;&gt;
    &lt;path
      attr.stroke-dasharray=&quot;{{stroke_lenth}} {{circumference}}&quot;
      d=&quot;M160 10
        a 150 150 0 0 1 0 300
        a 150 150 0 0 1 0 -300&quot;
    /&gt;
  &lt;/svg&gt;
  </code></pre>