音乐播放器条形进度条 （第二周）

课前小笔记：如果需要对小图标或者小按钮不好操作，可以用css 解决

.icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    display: block;
    width: 12px;
    height: 12px;
    border: 3px solid #fff;
    background: #d44439;
    border-radius: 50%;
    &::before {
      content: "";
      position: absolute;
      top: -10px;
      left: -10px;
      right: -10px;
      bottom: -10px;
    }
  }

好了，接下来，说一下这周得任务，就是写如下图片得音乐播放器进度条 条件：1 拖拽不能超过两边得得宽度，拖动小红原点，可以改变播放得进度，在滑动得过程中，音乐不变，滑到最后位置在播放当前滑动到当前处音乐。