title: Horizontal ProgressBar with start and end position
body: <p>I have interesting task to achieve. I need to draw progress bar in given range like image shown bellow. Looking on image You can see we have few ranges:</p>
  <ul>
  <li>&lt;0%, 60%)</li>
  <li>&lt;60%, 90%)</li>
  <li>&lt;90%, 100%&gt;</li>
  </ul>
  <p>But ranges might be different, and we might have a lot of them. So it have to be generic sollution to draw &quot;progress&quot; on progressbar in given range.</p>
  <p>Please note that all other things like: styling progressbar, counting possitions, etc. are not in a scope of this question. I looking for idea only for drawing single progressbar with start and end &quot;drawing percent&quot;.</p>
  <p><a href="https://i.stack.imgur.com/P5ok2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P5ok2.png" alt="enter image description here" /></a></p>