"JQuery UI 프로그레스바"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 2명의 중간 판 3개는 보이지 않습니다)
3번째 줄: 3번째 줄:
;jQuery UI 프로그래스바
;jQuery UI 프로그래스바


<source lang='html5'>
<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>
</source>
</syntaxhighlight>
<jsfiddle height='200'>qcsz293d</jsfiddle>
<jsfiddle height='200'>qcsz293d</jsfiddle>


==같이 보기==
==같이 보기==
*[[jQuery UI 프로그레스바 타이머]]
*[[jQuery UI 프로그레스바 타이머]]
*[[HTML5 progress 태그]]
*[[HTML5 meter 태그]]
*[[jQuery UI]]
*[[jQuery UI]]
*[[프로그레스바]]
*[[프로그레스바]]


==참고 자료==
==참고==
*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 참고[ | ]