Jmnote bot (토론 | 기여) 잔글 (로봇: 자동으로 텍스트 교체 (-http://jmnote.com/jqui/ +http://zetawiki.com/ex/jquery-ui/)) |
|||
2번째 줄: | 2번째 줄: | ||
;jQuery UI progressbar | ;jQuery UI progressbar | ||
;jQuery UI 프로그래스바 | ;jQuery UI 프로그래스바 | ||
<source lang='html5'> | <source lang='html5'> | ||
<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> | |||
<link rel="stylesheet" href="//code.jquery.com/ui/1.11. | |||
<script src="// | |||
<script src="// | |||
<script> | <script> | ||
$(function() { | $(function() { | ||
$( "#progressbar1" ).progressbar({ value: 10 }); | $( "#progressbar1" ).progressbar({ value: 10 }); | ||
$( "#progressbar2" ).progressbar({ value: | $( "#progressbar2" ).progressbar({ value: 75 }); | ||
}); | }); | ||
</script> | </script> | ||
<div id="progressbar1"></div> | <div id="progressbar1"></div> | ||
<br> | <br> | ||
<div id="progressbar2"></div> | <div id="progressbar2"></div> | ||
</source> | </source> | ||
<jsfiddle height='200'>qcsz293d</jsfiddle> | |||
==같이 보기== | ==같이 보기== |
2015년 11월 3일 (화) 16:50 판
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
로그인하시면 댓글을 쓸 수 있습니다.