title: How to build progress bar with circle at the end of bar?
body: <p>I need to build horizontal progress bar with circle at the end in react js, as shown in picture. I am able to build progress bar with custom &quot;%&quot;, now I want to add circle at the end with some text inside.</p>
  <p><a href="https://i.stack.imgur.com/9Nf97.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9Nf97.png" alt="progress bar with circle" /></a></p>
  <p>code for progress bar with custom &quot;%&quot;:
  <a href="https://codesandbox.io/s/infallible-meninsky-sd70l?file=/src/App.js" rel="nofollow noreferrer">codesandbox</a></p>