vue3-progress-bar

0.0.1-dev7 • Public • Published

cover

vue3-progress-bar

license npm downloads

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 

Package Sidebar

Install

npm i vue3-progress-bar

Weekly Downloads

85

Version

0.0.1-dev7

License

MIT

Unpacked Size

54.1 kB

Total Files

10

Last publish

Collaborators

  • meloalright