vue-myprogress
vue-myprogress
基于vue搭配svg的圆形进度条
使用方法
# install dependencies
npm install vue-myprogress
# use
ES6
import myprogress from 'vue-myprogress'
// 通过use挂载
Vue.use(myprogress)
// 或者直接导入js文件
<script src="./dist/MyProgress.js"></script>
<myprogress
:progressnum="progressnum"
:bgcolor="bgcolor"
:fillcolor="fillcolor"
:diameter="diameter"
:strokewidth='strokewidth'
:clockwise="clockwise">
</myprogress>
# 参数说明
progressnum(Number) :0-1
bgcolor(String) :轨道背景颜色
fillcolor(String) :轨道进度条填充颜色
diameter(Number) :直径
strokewidth(Number) :进度条宽度
clockwise(Boolean) :true(顺时针) false(逆时针)