Markup
<div class="donut-graph">
<div class="donut-graph__donut">
<svg viewBox="0 0 20 20">
<circle class="donut-graph__circle-bg" fill="none" cx="10" cy="10" r="8"></circle>
<circle class="donut-graph__circle" style="stroke-dasharray: 51;" cx="10" cy="10" r="8"></circle>
</svg>
<span class="donut-graph__text">75</span>
</div>
</div>
Source:
src/components/donut_graph.less, line 1