2008-09-20 17:42:04 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
2008-12-05 15:42:46 +00:00
|
|
|
<title>jQuery UI Progressbar Visual Tests</title>
|
2008-12-10 05:12:08 +00:00
|
|
|
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
|
2008-09-20 17:42:04 +00:00
|
|
|
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../ui/ui.core.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
|
|
|
|
|
|
2008-12-05 13:35:11 +00:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
$(function() {
|
|
|
|
|
$("#progressbar1").progressbar({ value: 6 });
|
2008-12-05 15:42:46 +00:00
|
|
|
$("#progressbar2").progressbar({ labelAlign: 'center', label: 'center' }).progressbar("option", "value", 50);
|
|
|
|
|
$("#progressbar3").progressbar().progressbar("option", "labelAlign", "right").progressbar("value", 90.73).data("label.progressbar", "right").progressbar("option", "label", true);
|
2008-12-10 05:12:08 +00:00
|
|
|
$("#progressbar4").progressbar().progressbar("disable");
|
|
|
|
|
$("#progressbar5").progressbar().progressbar("disable").progressbar("destroy");
|
|
|
|
|
$("#progressbar6").progressbar({ value: -10 });
|
|
|
|
|
$("#progressbar7").progressbar().progressbar("value", 200);
|
2008-12-05 13:35:11 +00:00
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
2008-12-05 15:42:46 +00:00
|
|
|
<h1>jQuery UI Progressbar Visual Tests</h1>
|
2008-12-05 13:35:11 +00:00
|
|
|
<div id="progressbar1"></div>
|
2008-12-05 15:42:46 +00:00
|
|
|
<br>
|
2008-12-05 13:35:11 +00:00
|
|
|
<div id="progressbar2"></div>
|
2008-12-05 15:42:46 +00:00
|
|
|
<br>
|
2008-12-05 13:35:11 +00:00
|
|
|
<div id="progressbar3"></div>
|
2008-12-05 15:42:46 +00:00
|
|
|
<br>
|
|
|
|
|
<div id="progressbar4"></div>
|
|
|
|
|
<br>
|
|
|
|
|
<div id="progressbar5"></div>
|
|
|
|
|
<br>
|
|
|
|
|
<div id="progressbar6"></div>
|
2008-12-10 05:12:08 +00:00
|
|
|
<br>
|
|
|
|
|
<div id="progressbar7"></div>
|
2008-09-20 17:42:04 +00:00
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
