推荐 8 个漂亮实用的 vue.js 进度条组件

开发 开发工具
为大家精心挑选了 8 个漂亮的 Progress Bars 组件,并附上了 GitHub 链接和 vue.js 代码示例。

为大家精心挑选了 8 个漂亮的 Progress Bars 组件,并附上了 GitHub 链接和 vue.js 代码示例。

1.easy-circular-progress

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

作者:dreambo8563

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

2. vuejs-progress-bar

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

作者:larsmars

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/vue-circle-counter

5. vue-simple-progress

简单灵活的进度条。vue-simple-progress 设计为轻量级的 Vue.js 进度条,只需要很少的配置就能使用。

Github:https://github.com/dzwillia/vue-simple-progress

6. vue-wait

Vue 和 Vuex 可用的多进程加载进度管理。该项目以前名为 vuex-loading。

vue-wait 能够帮你管理页面上的多个加载状态,而不会发生任何冲突。它基于一个“非常简单的想法”,可以管理具有多个加载状态的阵列(或可选的 Vuex 存储)。通过内置的加载组件侦听其注册的 loader 即可立即变为加载状态。

Github:http://github.com/f/vue-wait

7. vue-progress-path

支持自定义 SVG 路径的可自定义进度指示器和旋转器图标。

Github:http://github.com/Akryum/vue-progress-path

8.vue-simple-spinner

简单灵活的旋转器图标。vue-simple-spinner 设计为轻量级的 Vue.js 旋转器图标,需要的配置最少。

Github:http://github.com/dzwillia/vue-simple-spinner

责任编辑:赵宁宁 来源: 大迁世界
相关推荐

2023-03-07 16:09:08

2022-02-17 14:51:39

HarmonyOSJSPAI开发canvas画布

2019-10-11 09:59:55

开发者技能工具

2021-12-02 09:31:22

Python 代码进度条

2020-10-26 10:33:06

Vue进度条前端

2022-04-04 21:33:48

进度条Python

2015-07-31 11:19:43

数字进度条源码

2023-10-12 12:43:16

组件Vue

2022-02-10 10:48:23

JavaScriptVue.js数据

2021-09-27 10:43:18

鸿蒙HarmonyOS应用

2020-09-16 06:12:30

Vue.js 3.0Suspense组件前端

2022-01-26 13:00:07

Vue.js UI组件Web

2017-07-11 18:00:21

vue.js数据组件

2021-09-06 14:58:23

鸿蒙HarmonyOS应用

2022-04-24 14:56:53

容器组件StackTS

2024-02-04 13:36:00

2024-08-06 14:29:37

2022-02-04 21:33:34

Ajaxjs网站

2011-07-05 15:16:00

QT 进度条

2020-06-02 14:00:53

Vue.js组件Web开发
点赞
收藏

51CTO技术栈公众号