vue-reading-progress v1.1.1

vue-reading-progress

Performant reading progressbar for Vue.js

Demo

Demo && Docs

Installation

npm

npm i vue-reading-progress

yarn

yarn add vue-reading-progress

Usage

Global

import Vue from 'vue' import VueReadingProgress from 'VueReadingProgress'
Vue.component('VueReadingProgress', VueReadingProgress)

import Vue from 'vue' import VueReadingProgress from 'VueReadingProgress'
Vue.use(VueReadingProgress)

In Component

<template>
  <VueReadingProgress />
</template>

<script>
import VueReadingProgress from 'vue-reading-progress'

export default {
  components: {
    VueReadingProgress
  }
}
</script>

Props

All props are optional

<template>
  <VueReadingProgress :color="color" :height="height" :opacity="opacity" />
</template>

<script>
import VueReadingProgress from 'vue-reading-progress'

export default {
  components: {
    VueReadingProgress
  },

  data() {
    return {
      color: '#162447',
      height: '2px',
      opacity: '0.75'
    }
  }
}
</script>