@my-script/vue-circle-progress

a circle progress component for vue

Usage no npm install needed!

<script type="module">
  import myScriptVueCircleProgress from 'https://cdn.skypack.dev/@my-script/vue-circle-progress';
</script>

README

circle-progress

usage

examples

install

npm install @my-script/vue-circle-progress

or

yarn add @my-script/vue-circle-progress

use

<circle-progress :value="50" :duration="1000" bar-color="#00bcd4" bar-round />

props

name type description
value Number percent, 0~100
duration Number duration of animate
barColor String color of progress bar
barWidth Number width of progress bar
bgBarColor String color of background
bar-round Boolean set stroke-linecap to round