实现环形进度条

1. svg

stroke-dasharray: 指定短划线和缺口的长度。如果提供了奇数个值，则这个值的数列重复一次，从而变成偶数个值 如 314 相当于 314 314

stroke-dashoffset

https://codesandbox.io/s/progress-circle-component-svg-omrk13?file=/src/components/ProgressCircle.vue

svg 实现圆形进度条 | 个人主页

2. pure css

DOM&Clip: Circular Progress Bar using HTML CSS