shu-c-view/packages/theme-default/control-progress.less

rollup 打包vue组件库框架

.base-progress-cls {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 10px;
  // background-color: rgba(25, 39, 54);
  .progressGradient {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;

    /* background-image: linear-gradient(
      to right,
      hsl(180, 100%, 52%),
      hsl(201, 100%, 50%)
    ); */
    // background-image: linear-gradient(to right, #0CFEFF, #00A7FF);
  }
  .progressItem {
    position: relative;
    width: 10%;
    height: 100%;
    background-color: transparent;
  }
  .progressItem::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    content: '';
    background-color: white;
  }
  .progressItem:last-child::after {
    display: none;
  }
  .progressNum {
    position: absolute;
    top: -26px;
    font-size: 16px;
    // color: black;
  }
}