(새 문서: ==개요== ;jQuery UI progressbar ;jQuery UI 프로그래스바 *예제: http://jmnote.com/jqui/progressbar.php ==소스 코드== <source lang='html5'> <!DOCTYPE html> <html lang="ko"...) |
(→소스 코드) |
||
11번째 줄: | 11번째 줄: | ||
<title>jQuery UI 프로그레스바</title> | <title>jQuery UI 프로그레스바</title> | ||
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> | <link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> | ||
<script src="// | <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | ||
<script src="// | <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> | ||
<script> | <script> | ||
$(function() { | $(function() { |
2014년 7월 10일 (목) 09:34 판
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>
<div id="progressbar2"></div>
</body>
</html>
3 참고 자료
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.