How can I add range indicator ui below progress bar in React?

enter image description here

I have to create this kind of UI in React. I’ve designed the progress bar with the help of the react-bootstrap ProgressBar component and a little bit of CSS tweak. But now I’m stuck on creating the range indicator below the progress bar. Here the total value will be dynamic.

Any kind of help is appreciated.