vue-svg-circle-progress

simple circle progress bar using SVG for VueJs2.

image

To use it:

import CircleProgress from './index.js'
export default {
  components:{
   CircleProgress
  }
}
<circle-progress :percentage="file.percentage"></circle-progress>

props

props defalut type
size 36 Number
percentage Number
strokeWidth 4 Number
ringColor #E9EBEE String
progressColor #08D7B8 String
showNumber true Boolean

Reference

Below are the reference links:

No. Link
1. Read more here.
2. Follow code author here.