vue实现进度条隐藏_8个漂亮实用的 vue.js 进度条组件

Vue.js 作为现在的前端主流框架之一，在国内有着广泛的应用，也是面试几乎肯定问到的内容。如果能够看懂它的源码，熟悉它的各种使用技巧，肯定会对你的面试有极大的助益。

1.easy-circular-progress

一个简单的循环进度组件，带有计数效果。

Github：https://github.com/dreambo8563/easy-circular-progress

2.vuejs-progress-bar

vue.js 专用的 ProgressBar，基于SVG 矢量图形。有直线、圆和圆柱 3 种模式：

Github：https://github.com/larsmars/vuejs-progress-bar

3.Vue Spinner Component

可自定义的轻量级旋转器图标组件。

你可以通过设置其属性来自定义颜色、大小、深度、旋转方向和速度等。所有的属性均具有默认值。你可以通过设置其状态来控制它的显示或隐藏。

Github：http://github.com/sergeyloysha/vue-spinner-component

4.VUE ARC COUNTER

该 Vue 组件在圆弧中生成计数器。其中角度、颜色、笔划宽度、虚线之间的间距以及方向都可以通过属性进行控制。

Github：https://github.com/snirp/