diff options
| author | Scott Jehl <scott@scottjehl.com> | 2008-12-08 16:39:44 +0000 |
|---|---|---|
| committer | Scott Jehl <scott@scottjehl.com> | 2008-12-08 16:39:44 +0000 |
| commit | 09e49212a072dcc7c0ccbfad6ff28a181f1d3a8f (patch) | |
| tree | f6d55e38a0985b990a38363e66cbaffbaa4cad7b /tests/static/progressbar.html | |
| parent | 625eccf9babb61797b1d129641e9a615dc4271b9 (diff) | |
| download | jquery-ui-09e49212a072dcc7c0ccbfad6ff28a181f1d3a8f.tar.gz jquery-ui-09e49212a072dcc7c0ccbfad6ff28a181f1d3a8f.zip | |
- nevermind: changed demo and css to "progressbar" back to "progressindicator"
set proper mime types for demos
Diffstat (limited to 'tests/static/progressbar.html')
| -rw-r--r-- | tests/static/progressbar.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/tests/static/progressbar.html b/tests/static/progressbar.html new file mode 100644 index 000000000..a83ada345 --- /dev/null +++ b/tests/static/progressbar.html @@ -0,0 +1,46 @@ +<!doctype html> +<html> +<head> + <title>jQuery UI Progressbar Static Markup Test Page</title> + <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css"> + <style type="text/css"> + h2 { margin:1.5em 0 .5em; } + </style> +</head> +<body> + +<h1>jQuery UI Progressbar Static Markup Test Page</h1> + +<h2>Flexible width:</h2> + +<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="13"> + <div class="ui-progressbar-label">13% Completed</div> + <div class="ui-progressbar-value ui-state-default ui-corner-left" style="width:13%;"><div class="ui-progressbar-label">13% Completed</div></div> +</div> + +<br /><br/> + +<!-- users can set a left offset in px, %, ems, whatever to move the label along the axis --> + +<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="55"> + <div class="ui-progressbar-label" style="left:350px;">55% Completed</div> + <div class="ui-progressbar-value ui-state-default ui-corner-left" style="width:55%"><div class="ui-progressbar-label" style="left:350px;">55% Completed</div></div> +</div> + +<br /><br/> + +<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="55"> + <div class="ui-progressbar-label" style="left:600px;">55% Completed</div> + <div class="ui-progressbar-value ui-state-default ui-corner-left" style="width:55%"><div class="ui-progressbar-label" style="left:600px;">55% Completed</div></div> +</div> + + +<h2>Fixed width (px):</h2> + +<div style="width:500px" class="ui-progressbar ui-progressbar-fixed ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="78"> + <div class="ui-progressbar-label">78% Completed</div> + <div class="ui-progressbar-value ui-state-default ui-corner-left" style="width:78%"><div class="ui-progressbar-label">78% Completed</div></div> +</div> + +</body> +</html> |