홈페이지에 스크롤시 게이지바 적용하기

첨부 파일을 받아 적당한 곳에 압축 해제 합니다. 간단하게 thema/Basic/assets/js/ 위치에 업로드했습니다.

 

thema/Basic/head.php 열어 적당한 곳에 소스를 붙여넣기 합니다. 

<script src="//code.jquery.com/jquery-3.1.1.slim.min.js"></script>

<script type="text/javascript" src="<?php echo THEMA_URL;?>/assets/js/jquery-progress-indicator-1.0.5.js"></script>

<script>

    $.progressIndicator({

barColor: 'rgb(191,38,60)  ', //자신이 원하는 색상

percentageEnabled : true});

 

</script>

 

스크롤시 제대로 출력이 잘되는지 이제 확인 하시면 됩니다.

 

jquery-progress-indicator-1.0.5.zip

0.00MB

jquery-progress-indicator-1.0.5.js

0.01MB