进度条效果

<div class="about">
    <div class="progress">
      <!-- 进度条 -->
      <div class="curProcess" style="width:95%"></div>
    </div>
    <div class="progress">
      <!-- 进度条 -->
      <div class="curProcess" style="width:25%"></div>
    </div>
  </div>

.progress {
  width: 200px;
  height: 15px;
  border-radius: 2px;
  position: relative;
  margin-bottom: 5px;
  background: #d8d8d8;
  overflow: hidden;
}
.curProcess {
  position: absolute;
  left: 0;
  top: 0;
  // width: 10%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(255, 226, 120, 1) 0%,
    rgba(255, 186, 44, 1) 100%
  );
}