<div style="max-width: 50px; transform: rotate(-90deg);">

  <svg height="100%" viewBox="0 0 20 20" width="100%" style="overflow: visible;">

    <circle cx="50%" cy="50%" fill="none" stroke-width="2" r="9" stroke="#2F3336"></circle>

    <circle cx="50%" cy="50%" fill="none" stroke-width="2" r="9" stroke="#1D9BF0" stroke-linecap="round" style="stroke-dashoffset: 12.29014; stroke-dasharray: 56.5487;"></circle>

  </svg>

</div>