📜 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