css实现 进度条

 <div class="container">
              <div
                class="progress"
                :style="{ width: (0.5 / item.max) * 100 + '%' }"
              ></div>
            </div>

%progress {
  height: 3.5px;
  border-radius: 999px;
}

.progress {
  @extend %progress;
  background-image: linear-gradient(90deg, #ffb546 0%, #fa5d1d 100%);
}

.container {
  @extend %progress;
  width: 48px;
  background: #efefef;
}