A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://www.npmjs.com/package/vue-scroll-progress below:

vue-scroll-progress - npm

vue-scroll-progress 🎉

Simple Vue.js plugin for page scroll progress bar

Live Demo

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

jsDelivr, UNPKG, bundle.run

Usage main.js 
import Vue from "vue";
import VueScrollProgress from "vue-scroll-progress";
 
Vue.use(VueScrollProgress);
Use in component 
<template>
  <VueScrollProgress></VueScrollProgress>
</template>
Set progress bar style, and customize as you want(Optional) 
<style>
#progress-container-el {
  
  background-color: transparent !important;
  top: calc(100% - 4px) !important; 
}
#progress-el {
  
  background-color: red !important;
}
</style>
Author

Hyouk Seo(Spemer)

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4