<!doctype html>
<html lang="en">
<head>
- <title>jQuery UI Progressbar - Default Demo</title>
+ <title>jQuery UI Progressbar - Default functionality</title>
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<div class="demo-description">
-<p>Default determinate progress bar example.</p>
+<p>Default determinate progress bar.</p>
</div><!-- End demo-description -->
<div class="demos-nav">
<h4>Examples</h4>
<ul>
- <li class="demo-config-on"><a href="default.html">Default Progressbar</a></li>
+ <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
<li><a href="resize.html">Resizable progressbar</a></li>
</ul>
</div>
<!doctype html>
<html lang="en">
<head>
- <title>jQuery UI Progressbar - Resize Demo</title>
+ <title>jQuery UI Progressbar - Resizable</title>
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<div class="demo-description">
-<p>Since the progress bar is coded in percentages for flexible sizing, it will resize to fit whatever block it's placed inside. Try resizing the height and width of this bar to see how it maintains the correct proportions. This is not a real-world example, but it's a good illustration of how flexibly all the plugins are coded.</p>
+<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 -->