Reading Progressbar Component – vue-progress-scroll

vue-progress-scroll is a Vue.js plugin to create a reading progress indicator that auto-updates as you scroll down the page.

How to use it:

1. Install & import the vue-progress-scroll.

import Vue from 'vue'
import App from './App.vue'
import Progress from 'vue-progress-scroll'

2. Register the component.

new Vue({
  el: '#app',
  render: h => h(App)

3. Use the component in your template.

  Long Content Here

4. Customize the background color of the progress bar.

<progress-scroll background='#222'>
  Long Content Here

5. Execute a function when the reading progress is finished.

<progress-scroll @complete='myFunction'>
  Long Content Here



Download Details:

Author: hosein2398

Live Demo:

Download Link:

Official Website:

Install & Download:

$ npm install vue-progress-scroll --save

Add Comment