vue-router-progressbar

One easy to use progressbar plugin for vue-router

Install

yarn add vue-router-progressbar

Usage

import "vue-router-progressbar/dist/index.css";
import VueRouterProgressbar from "vue-router-progressbar";
Vue.use(VueRouterProgressbar, options) // all instance config 

<router-progressbar :options="options" /> <!-- this instance config -->

Options

{
    zIndex: 10000,
    top: 0,
    height: '3px',
    color: '#42b983',
    startEasing: 'ease-out',
    startDuration: '10s',
    endEasing: 'ease-out',
    endDuration: '.25s'
}