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

잔글 (로봇: 자동으로 텍스트 교체 (-http://jmnote.com/jqui/ +http://zetawiki.com/ex/jquery-ui/))
2번째 줄: 2번째 줄:
;jQuery UI progressbar
;jQuery UI progressbar
;jQuery UI 프로그래스바
;jQuery UI 프로그래스바
*예제: http://zetawiki.com/ex/jquery-ui/progressbar.php
 
==소스 코드==
<source lang='html5'>
<source lang='html5'>
<!DOCTYPE html>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<html lang="ko">
<script src="//code.jquery.com/jquery.min.js"></script>
<head>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<meta charset="utf-8">
 
<title>jQuery UI 프로그레스바</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script>
<script>
$(function() {
$(function() {
   $( "#progressbar1" ).progressbar({ value: 10 });
   $( "#progressbar1" ).progressbar({ value: 10 });
   $( "#progressbar2" ).progressbar({ value: 90 });
   $( "#progressbar2" ).progressbar({ value: 75 });
});
});
</script>
</script>
</head>
<body>
   
   
<div id="progressbar1"></div>
<div id="progressbar1"></div>
<br>
<br>
<div id="progressbar2"></div>
<div id="progressbar2"></div>
</body>
</html>
</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 참고 자료