(→같이 보기) |
Jmnote bot (토론 | 기여) 잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight )) |
||
(같은 사용자의 중간 판 하나는 보이지 않습니다) | |||
3번째 줄: | 3번째 줄: | ||
;jQuery UI 프로그래스바 | ;jQuery UI 프로그래스바 | ||
< | <syntaxhighlight lang='html5'> | ||
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> | <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> | ||
<script src="//code.jquery.com/jquery.min.js"></script> | <script src="//code.jquery.com/jquery.min.js"></script> | ||
18번째 줄: | 18번째 줄: | ||
<br> | <br> | ||
<div id="progressbar2"></div> | <div id="progressbar2"></div> | ||
</ | </syntaxhighlight> | ||
<jsfiddle height='200'>qcsz293d</jsfiddle> | <jsfiddle height='200'>qcsz293d</jsfiddle> | ||
28번째 줄: | 28번째 줄: | ||
*[[프로그레스바]] | *[[프로그레스바]] | ||
==참고 | ==참고== | ||
*http://jqueryui.com/progressbar/ | *http://jqueryui.com/progressbar/ | ||
[[분류:jQuery UI]] | [[분류:jQuery UI]] |
2020년 11월 2일 (월) 02:53 기준 최신판
1 개요[ | ]
- jQuery UI progressbar
- jQuery UI 프로그래스바
html
Copy
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script>
$(function() {
$( "#progressbar1" ).progressbar({ value: 10 });
$( "#progressbar2" ).progressbar({ value: 75 });
});
</script>
<div id="progressbar1"></div>
<br>
<div id="progressbar2"></div>
2 같이 보기[ | ]
3 참고[ | ]
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.