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

progressIndicator is a jQuery plugin that creates a customizable, animated top (or bottom) progress bar showing the current window scroll depth in percentage.

progress-bar

Documentation

jquery-progress-indicator

ํŽ˜์ด์ง€์—์„œ ํ˜„์žฌ์˜ ์Šคํฌ๋กค ์œ„์น˜๋ฅผ ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ํ‘œ์‹œํ•ด ์ค๋‹ˆ๋‹ค.

DEMO : http://codepen.io/zidell/pen/XNzQyV

Usage

<script src="https://cdn.rawgit.com/tyleteam/jquery-progress-indicator/master/jquery-progress-indicator-1.0.6.min.js"></script>  <script>     $.progressIndicator(); </script> 

Options

$.progressIndicator({     direction : 'top',     barColor: 'rgb(253, 191, 38)',     percentageEnabled : true,     percentageColor: '#222',     easingSpeed : 0.5,     height: 4,     target : 'body', // selector     onStart : function(){         console.log("onStart");     },     onEnd : function(){         console.log("onEnd");     },     onProgress : function(perecent){         console.log(perecent);     } }); 

Methods

$.progressIndicator('reset');์„ ์‹คํ–‰ํ•˜๋ฉด ์ผ์‹œ์ ์œผ๋กœ ์ง„ํ–‰๋ฅ ์ด 0์œผ๋กœ ๋ฉ๋‹ˆ๋‹ค.


You May Also Like