Vue的圆形进度条和计数器
该Vue组件使您可以在Web应用程序上创建圆形的进度条和计数器。角度，颜色，笔划宽度，虚线之间的间距和方向都可以通过属性进行控制。
安装和下载：
# Yarn
$ yarn add vue-circle-counter
# NPM
$ npm install vue-circle-counter --save使用：
该组件将生成一个SVG元素，其默认宽度和高度为100％（计数器的外径）。两个虚线笔画重叠：底部的一个由stroke和控制，dashCount顶部的一个由 activeStroke和控制activeCount。您可以reverse将方向设为逆时针方向和rotate起始角度（默认为右/ 3点钟）。
Prop
| Prop | 描述 | 默认 | 选项 |
|---|---|---|---|
size | 元素的宽度和高度 | 10rem | 串 |
dashCount | 破折号总数 | 60 | 自然数 |
activeCount | 顶部破折号 | 10 | 自然数 |
strokeWidth | 底部行程占半径的百分比 | 20 | 0 至 100 |
activeWidth | 最高行程占半径的百分比 | 20 | 0 至 100 |
stroke | 底部虚线的笔触颜色 | lightgrey | color |
activeStroke | 顶部虚线的笔触颜色 | dodgerblue | color |
dashSpacing | 破折号之间的空格所占的宽度分数 | 1/4 | 0 至 1 |
rotate | 起始角度的度数旋转（0 =右） | -90 | -360 至 360 |
reverse | 反转计数方向（true =逆时针） | false | false 要么 true |
text | 在SVG内部显示的文本字符串 | "" | 串 |
