title: vertical line marker in dash progress bar
body: <p>I have been working on a python dash-app (dashboard) in which I want to show used budgets with a dash/bootstrap progress bar. I would like to mark 100% of the budget with a vertical line in the progress bar (see the images below). The bar itself should be fixed width and overflow should be shown with red color instead of green.</p>
  <p>example 1:
  <a href="https://i.stack.imgur.com/jssKn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jssKn.png" alt="progress bar with line" /></a></p>
  <hr />
  <p>example 2:</p>
  <p><a href="https://i.stack.imgur.com/TcscZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TcscZ.png" alt="enter image description here" /></a></p>
  <p>I read the bootstrap and dash doc and tried to find a solution by myself, but since im only beginner in python and have no clue how to use CSS (in any other way than in dash)... i could need some help.</p>
  <p>Any advice is appreciated.</p>
  <p>Thanks in advance.</p>