1.0.4 • Published 5 years ago

vue-read-progress v1.0.4

Weekly downloads
65
License
MIT
Repository
github
Last release
5 years ago

vue-read-progress

Vue.js plugin for scroll position with a progress bar indicator

NPM version NPM downloads Size twitter donate

Demo

https://ajerez.github.io/vue-read-progress/

Installation

With npm (Recommended)

npm i vue-read-progress

yarn

yarn add vue-read-progress

Usage

Default style

<template>
  <vue-read-progress></vue-read-progress>
  <!-- Your page content -->
</template>

<script>
  import VueReadProgress from "vue-read-progress";

  export default {
    components: {
      VueReadProgress
    }
  };
</script>

Customizing the Look and Feel

<template>
  <vue-read-progress color="#32AAEA" opacity="0.5" height="10px" :shadow="true"></vue-read-progress>
  <!-- Your page content -->
</template>

<script>
  import VueReadProgress from "vue-read-progress";

  export default {
    components: {
      VueReadProgress
    }
  };
</script>

Available Options (All optional)

PropertyTypeDefault valueProp Description
heightString4pxHeight of progress bar (optional)
colorString#506888Color of progress bar (optional)
opacityString, Number1Set opacity values from 0 to 1 (optional)
shadowBooleanfalseEnable box-shadow for the progress bar (optional)

License

This project is licensed under the terms of the MIT license

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago