vue-scroll-progress

1.1.5 • Public • Published

vue-scroll-progress 🎉

Simple Vue.js plugin for page scroll progress bar

vue2 Version Gzipsize Awesome License Hits stargazers

Live Demo

Installation

npm i vue-scroll-progress --save
yarn add vue-scroll-progress

CDNs

jsDelivr, UNPKG, bundle.run

Usage

main.js

// YourComponent.vue or main.js for global usage
import Vue from "vue";
import VueScrollProgress from "vue-scroll-progress";
 
Vue.use(VueScrollProgress);

Use in component

<!-- .vue template -->
<template>
  <VueScrollProgress></VueScrollProgress>
</template>

Set progress bar style, and customize as you want(Optional)

<style>
/* play with some lines below */
#progress-container-el {
  /* background */
  background-color: transparent !important;
  top: calc(100% - 4px) !important; /* remove if Vue 3.x */
}
#progress-el {
  /* progress bar */
  background-color: red !important;
}
</style>

Author

Hyouk Seo(Spemer)

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.1.514latest

Version History

VersionDownloads (Last 7 Days)Published
1.1.514
1.1.41
1.1.31
1.1.27
1.1.12
1.1.01
1.0.91
1.0.81
1.0.71
1.0.61
1.0.50
1.0.41
1.0.31
1.0.20
1.0.10
1.0.01
0.0.30
0.0.20
0.0.10

Package Sidebar

Install

npm i vue-scroll-progress

Weekly Downloads

33

Version

1.1.5

License

MIT

Unpacked Size

10.2 kB

Total Files

6

Last publish

Collaborators

  • spemer