🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A tiny jQuery plugin to create a CSS3 powered circular scroll progress indicator that auto updates based on the current vertical scroll position of the page.

Reading-Progress-Indicator

Documentation

jquery.passwordGenerator

ProgressScroll is a plugin which calculates how is our web page's height, and where are you when you scroll down or up.

Install

<script src="jquery.min.js"></script> <script src="../jquery.progressScroll.min.js"></script>

or

bower install progressscroll

Usage

$(selector).progressScroll();

Configuration

width

default: 100 options: integer

height

default: 100 options: integer

borderSize

default: 10 options: integer

mainBgColor

inner counter background color

default: "#E6F4F7" options: string

lightBorderColor

main border color

default: "#A2ECFB" options: string

darkBorderColor

filled border color

default: "#39B4CC" options: string

fontSize

default: "30px" options: string

Demo

codepen.io/mel/full/OPXNaq

License

@author Mario Vidov
@url www.vidov.it
@twitter MarioVidov
MIT license


You May Also Like