SCSS

by HikariNoSekai

HTML

<div class="progress-wrapper">
  <div class="progress" style="width: 80%;"></div>
</div>

SCSS

.progress-wrapper {
  position: relative;
  width: 300px;
  height: 5px;
  border-radius: 3px;
  background-color: #ccc;
  z-index: 1;
  
  .progress {
    position: absolute;
    top: 0;
    left: 0;
    background-color: blue;
    height: 5px;
    border-radius: 3px;
    z-index: 10;
  }
}