title: CSS Progress Circle
body: <p>I have searched this website to find progress bars, but the ones I have been able to found show animated circles that go to the full 100%.</p>
  
  <p>I would like it to stop at certain percentages like in the screenshot below. Is there any way I can do that using only CSS?</p>
  
  <p><a href="https://i.stack.imgur.com/DzNnN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/DzNnN.png" alt="Circular progress bars"></a></p>