chkhaidzebeka / vue-scroll-progressBar

📜 progressbar on scrolling for vue3

📜 vue-scroll-progressBar

• Docs
• Screeenshot

Docs

register global component

import { createApp } from "vue";
import ProgressBarSpinner from "<YOUR DIR>/scrollProgressBar.ts";

export function createMyApp() {
  const app = createApp(App);
  // ...
  app.component("v-loader", ProgressBarSpinner);

  // ...
  return app;
}

use in template

<template>
    <v-loader />
    <div class="wrapper">
      <Component1 />
      <Component2 />
    </div>
</template>

props

Propery	Type	Default	Required?
bgColor	String	#df1e2	false
width	String	"0%"	false
height	String	"5px"	false

Screenshot