vue-scroll-progress-bar is a Vue.js plugin for the page scroll progress bar.

creative page scroll progress bar, animated progress bar on scroll, creative page scroll progress bar css3 vanilla javascript

How to make use of it:

Install

$ npm install @guillaumebriday/vue-scroll-progress-bar --save
or
$ yarn add @guillaumebriday/vue-scroll-progress-bar

1. Install the plugin in Vue:

import Vue from 'vue'
import VueScrollProgressBar from '@guillaumebriday/vue-scroll-progress-bar'

Vue.use(VueScrollProgressBar)

2. Or use the component directly:

import { VueScrollProgressBar } from '@guillaumebriday/vue-scroll-progress-bar'

export default {
  components: {
    VueScrollProgressBar
  },

  // ...
}

3. Basic use

<template>
  <vue-scroll-progress-bar @complete="handleComplete" height="2rem" />
</template>

A Library for Circular Progress Bars With SVG components

Page Scroll Progress Bar, vue-scroll-progress-bar Plugin/Github

See Demo And Download

Official Website(guillaumebriday): Click Here

This superior jQuery/javascript plugin is developed by guillaumebriday. For extra advanced usage, please go to the official website.