'막대'에 해당되는 글 1건
- 2012.08.31 jQuery Progress Bar 간편하고 예쁜 애니메이션 프로그레스바
jQuery Progress Bar 간편하고 예쁜 애니메이션 프로그레스바
jQuery 2012. 8. 31. 12:05
공장 문이 열림 정도 값에 따라 열리고 닫히는 애니메이션을 보여주기 위해 프로그레스바를 찾던 중 사용이 간단하고 예쁜 플러그인이 있어 소개합니다.
jQuery Progress Bar (http://t.wits.sg/jquery-progress-bar/)
별다른 이름이 없이 그냥 jQuery Progress Bar 인가봅니다.
Author: gaweee 라고 써있던데 가위라고 읽히는건 느낌이겠죠;;
데모페이지 보기 : http://t.wits.sg/misc/jQueryProgressBar/demo.php
애니메이션 형태의 프로그레스바를 제공하고 퍼센트에 따라서 빨간색에서 주황색에서 초록색으로 변하기도 합니다(귀엽네요).
<script type="text/javascript" src="jquery.progressbar.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#pb').progressBar(0);
});
<span id="pb"></span>
허 :O 엄청 간단하죠.
사이즈, 최대값, 포맷, 이미지경로 등 다양한 옵션도 있으니까 설정옵션(http://t.wits.sg/jquery-progress-bar/jquery-progress-bar-configuration/)을 보고 잘 따라해보세요.
