svg

vue下圆形进度播放

  <svg  viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
      <circle  r="50" cx="50" cy="50" fill="transparent"/>
      <circle class="progress-bar" r="50" cx="50" cy="50" fill="transparent" :stroke-dasharray="总的长度"
              :stroke-dashoffset="转动长度"/>
    </svg>