svg-progress-bar
made with
Vuejs
简介及使用教程
这个是基于Vue.js的简单的svg进度条,基于 circles项目二次开发。零依赖,体积小,支持圆环/矩形的进度条,配置多满足多样需求。
安装
Npm
npm install svg-progress-bar --save
Yarn
yarn add svg-progress-bar
使用
// **main.js**
// 1.全局 install
import Vue from 'vue'
import svg from 'svg-progress-bar'
// 你可以自己设置全局注册的组件名 默认注册的组件名是 svg-progress-bar
Vue.use(svg,{componentName: 'percent-bar'})
// 2.单个.vue文件局部注册
<script>
import svg from 'svg-progress-bar'
export default {
components: {
svg
}
}
</script>
示例
作者
chenxuan
相关项目