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์ผ๋ก ๋ฉ๋๋ค.