client/player/development-bundle/demos/progressbar/resize.html
changeset 57 3a3c15c462f8
parent 48 44d58d2e90b5
parent 56 da0957782d03
child 58 ec1d0e7dcb53
--- a/client/player/development-bundle/demos/progressbar/resize.html	Tue Jun 15 01:33:03 2010 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,39 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8" />
-	<title>jQuery UI Progressbar - Resizable</title>
-	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
-	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.progressbar.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script>
-	<link type="text/css" href="../demos.css" rel="stylesheet" />
-	<script type="text/javascript">
-	$(function() {
-		$("#progressbar").progressbar({
-			value: 37
-		});
-		$("#progressbarWrapper").resizable();
-	});
-	</script>
-</head>
-<body>
-
-<div class="demo">
-
-	<div id="progressbarWrapper" style="height:30px; " class="ui-widget-default">
-		<div id="progressbar" style="height:100%;"></div>
-	</div>
-
-</div><!-- End demo -->
-
-<div class="demo-description">
-
-<p>The progress bar's widths are specified in percentages for flexible sizing so it will resize to fit its container. Try resizing the height and width of this bar to see how it maintains the correct proportions. (This is not necessarily a real-world example, but it's a good illustration of how flexibly all the plugins are coded.)</p>
-
-</div><!-- End demo-description -->
-
-</body>
-</html>