这才是我想要的彩虹进度条-[vue-ins-progress-bar] 96

想在 vue 项目中拥有 instagram 那种绚丽的彩虹进度条? 不如试试这个

slogan

a vue component of ins-style progress bar

一款 ins 风格的 vue 进度条组件

Live Demo

npm i vue-ins-progress-bar

main.js

import VueInsProgressBar from 'vue-ins-progress-bar'const options = {  position: 'fixed',  show: true,  height: '3px'}

Vue.use(VueInsProgressBar, options)

App.vue

this.$insProgress.start() // start the loading

this.$insProgress.finish() // finish the loading

this.$insProgress.height(4) // resize the height of loading bar to 4px

Repository: vue-ins-progress-bar

Author: @meloalright

MIT

作者：melo的微博
链接：https://www.jianshu.com/p/1a39893ed003