实现环形进度条
- svg
stroke-dasharray: 指定短划线和缺口的长度。如果提供了奇数个值,则这个值的数列重复一次,从而变成偶数个值 如 314
相当于 314 314
stroke-dashoffset
https://codesandbox.io/s/progress-circle-component-svg-omrk13?file=/src/components/ProgressCircle.vue
- pure css
stroke-dasharray: 指定短划线和缺口的长度。如果提供了奇数个值,则这个值的数列重复一次,从而变成偶数个值 如 314
相当于 314 314
stroke-dashoffset
https://codesandbox.io/s/progress-circle-component-svg-omrk13?file=/src/components/ProgressCircle.vue