@jojoxd/vue-progressbar

Vue Progressbar

Previously, we would like to first thank for the developers who have been willing to help developers around the world, especially those who contribute to hilongjw/vue-progressbar.
Also, I'd like to thank aacassandra for continuing the project for vue3 aacassandra/vue3-progressbar.
Here I continue from the previous development to provide support for Vue v2 and v3 using vue-demi.

Note: This readme might not have all usage details available.

Note: I've removed the route meta call options. Please send a request for them back if you need them on the BugTracker (GitHub)

Table of Contents

• Requirements
• Installation
• Usage

Requirements

• Vue (v2.x with @vue/composition-api, or next (v3))

Installation

# npm
$ npm install @jojoxd/vue-progressbar

Usage

main.js

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import VueProgressBar from "@aacassandra/vue3-progressbar";

const options = {
  color: "#bffaf3",
  failedColor: "#874b4b",
  thickness: "5px",
  transition: {
    speed: "0.2s",
    opacity: "0.6s",
    termination: 300,
  },
  autoRevert: true,
  location: "left",
  inverse: false,
};

createApp(App)
  .use(VueProgressBar, options)
  .use(router)
  .mount("#app");


// In your component
import { injectKey as VueProgressBar } from '@jojoxd/vue-progressbar';

const controller = inject(VueProgressBar);

controller.start();