vue3-progress-bar

vue3-progress-bar

A vue3 component of progress bar.

一款 vue3 的进度条组件

Install

$ npm i vue3-progress-bar

Usage

main.js

import Vue3ProgressBar from "vue3-progress-bar";

const options = {
  position: "fixed",
  height: "3px",
  color: "#8bf6c7",
};

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

App.vue

<template>
  <vue3-progress-bar />
  <!-- Set it on the top -->
</template>

<script>
export default {
  name: "App",
  created() {
    this.$progress.start();
  },
};
</script>

Quick Development

$ npm install -g @vue/cli # OR yarn global add @vue/cli

$ vue create demo # select vue 3 preset

$ cd demo # cd demo then install and use