使用vue加svg实现流程图代码_超赞 Vue svg进度条组件Vue-ProgressBar

今天给大家推荐一个超棒的 Vue+svg 进度条组件SvgProgressBar。

svg-progress-bar 基于vue.js构建的简单的svg进度条组件。满足多样化需求，支持圆环/矩形的进度条。

功能特性

• 零依赖,体积小
• 目前支持圆环/矩形的进度条
• 配置多满足多样需求
• 持续维护

安装

$ npm i svg-progress-bar -S

引入组件

// 在main.js中全局引入import Vue from 'vue'import SvgProgressBar from 'svg-progress-bar'Vue.use(SvgProgressBar)// 单个.vue文件局部注册

使用

配置参数

提供各种代码演示示例

最后附上该项目地址

# 示例地址https://chenxuan1993.gitee.io/component-document/index_prod#/component/svg-bar-default# 仓库地址https://github.com/chenxuan0000/svg-progress-bar

ok，就介绍到这里。[奋斗] 如果小伙伴们有其它Svg进度条组件，欢迎交流讨论。