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

27번째 줄: 27번째 줄:
   
   
<div id="progressbar1"></div>
<div id="progressbar1"></div>
<br>
<div id="progressbar2"></div>
<div id="progressbar2"></div>



2014년 7월 10일 (목) 13:17 판

1 개요

jQuery UI progressbar
jQuery UI 프로그래스바

2 소스 코드

html
Copy
<!DOCTYPE html>
<html lang="ko">
<head>
<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>
$(function() {
  $( "#progressbar1" ).progressbar({
    value: 10
  });
  $( "#progressbar2" ).progressbar({
    value: 90
  });
});
</script>
</head>
<body>
 
<div id="progressbar1"></div>
<br>
<div id="progressbar2"></div>

</body>
</html>

3 같이 보기

4 참고 자료