svg-progress-bar
made with Vuejs

svg-progress-bar

这个是基于Vue.js的简单的svg进度条,基于 circles项目二次开发。

相关问答
暂无相关问题
查看全部
简介及使用教程

这个是基于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>

示例

desc.gif

作者

chenxuan

相关项目

这是一个基于Vue.js的SVG占位符加载。
这是一个阅读位置指示器。
这是一个基于Vue2的懒加载组件。
这是一个基于Vue.js,易用的CSS旋转器集合。