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.