simple circle progress bar using SVG for VueJs2
import CircleProgress from './index.js'
export default {
components:{
CircleProgress
}
}
<circle-progress :percentage="file.percentage"></circle-progress>
| props | defalut | type |
|---|---|---|
| size | 36 | Number |
| percentage | Number | |
| strokeWidth | 4 | Number |
| ringColor | #E9EBEE | String |
| progressColor | #08D7B8 | String |
| showNumber | true | Boolean |