<div class="items">
  <div class="item">
    <div class="text">100%</div>
    <div class="line"></div>
  </div>
  <div class="item">
    <div class="text">75%</div>
    <div class="line"></div>
  </div>
  <div class="item">
    <div class="text">50%</div>
    <div class="line"></div>
  </div>
  <div class="item">
    <div class="text">Итог</div>
    <div class="line"></div>
  </div>
</div>

.items {
  display: flex;
  width: 480px;
}

.item {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.text {
  margin-bottom: auto;
}

.line {
  width: 100%;
  background: blue;
  margin-bottom: auto;
}

.item:nth-of-type(1) .line {
  height: 40px;
}
.item:nth-of-type(2) .line {
  height: 30px;
}
.item:nth-of-type(3) .line {
  height: 20px;
}
.item:nth-of-type(4) .line {
  height: 10px;
}