<div class="project-progress-bar">
  <div class="bar">
    <div style="width: 33%;" class="bar__fill"></div>
  </div>
  <div class="point" id="start">
    <div class="bullet"></div>
    <label class="bar-label">Start</label>
  </div>
  <div class="point" id="incomplete">
    <div class="bullet"></div>
    <label class="bar-label">Incomplete</label>
  </div>
  <div class="point" id="pending">
    <div class="bullet"></div>
    <label class="bar-label">Pending</label>
  </div>
  <div class="point" id="accept">
    <div class="bullet"></div>
    <label class="bar-label">Accepted</label>
  </div>
</div>