Skip to content

Commit 7ba941b

Browse files
kborchersscottgonzalez
authored andcommitted
Progressbar: Update with API changes and addition of indeterminate progressbar.
1 parent 7f79b32 commit 7ba941b

File tree

1 file changed

+29
-6
lines changed

1 file changed

+29
-6
lines changed

entries/progressbar.xml

+29-6
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,34 @@
11
<?xml version="1.0"?>
22
<entry name="progressbar" type="widget" widget-element="progressbar">
33
<title>Progressbar Widget</title>
4-
<desc>Display status of a determinate process.</desc>
4+
<desc>Display status of a determinate or indeterminate process.</desc>
55
<longdesc>
66
<p>
77
The progress bar is designed to display the current percent complete for a process. The bar is coded to be flexibly sized through CSS and will scale to fit inside its parent container by default.
88
</p>
99
<p>
10-
This is a determinate progress bar, meaning that it should only be used in situations where the system can accurately update the current status. A determinate progress bar should never fill from left to right, then loop back to empty for a single process &#8212; if the actual status cannot be calculated, an indeterminate progress bar or spinner animation is a better way to provide user feedback.
10+
A determinate progress bar should only be used in situations where the system can accurately update the current status. A determinate progress bar should never fill from left to right, then loop back to empty for a single process &#8212; if the actual status cannot be calculated, an indeterminate progress bar should be used to provide user feedback.
1111
</p>
1212
</longdesc>
1313
<note id="functional-css"/>
1414
<added>1.6</added>
1515
<options>
1616
<xi:include href="../includes/widget-option-disabled.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
17-
<option name="max" default="0" type="Number" example-value="1024">
17+
<option name="max" default="100" type="Number" example-value="1024">
1818
<desc>The maximum value of the progressbar.</desc>
1919
</option>
2020
<option name="value" default="0" example-value="25">
2121
<desc>The value of the progressbar.</desc>
22-
<type name="Number" />
22+
<type name="Number">
23+
<desc>
24+
A value between <code>0</code> and the <a href="#option-max"><code>max</code></a>.
25+
</desc>
26+
</type>
27+
<type name="Boolean">
28+
<desc>
29+
Value can be set to <code>false</code> to create an indeterminate progressbar.
30+
</desc>
31+
</type>
2332
</option>
2433
</options>
2534
<events>
@@ -47,8 +56,10 @@
4756
</signature>
4857
<signature example-params='50'>
4958
<desc>Sets the current value of the progressbar.</desc>
50-
<argument name="value" type="Number">
51-
<desc>The value to set.</desc>
59+
<argument name="value">
60+
<desc>The value to set. See the <a href="#option-value"><code>value</code></a> option for details on valid values.</desc>
61+
<type name="Number"/>
62+
<type name="Boolean"/>
5263
</argument>
5364
</signature>
5465
</method>
@@ -64,6 +75,18 @@ $( "#progressbar" ).progressbar({
6475
]]></code>
6576
<html><![CDATA[
6677
<div id="progressbar"></div>
78+
]]></html>
79+
</example>
80+
<example>
81+
<height>50</height>
82+
<desc>A simple jQuery UI Indeterminate Progressbar</desc>
83+
<code><![CDATA[
84+
$( "#progressbar" ).progressbar({
85+
value: false
86+
});
87+
]]></code>
88+
<html><![CDATA[
89+
<div id="progressbar"></div>
6790
]]></html>
6891
</example>
6992
<category slug="widgets"/>

0 commit comments

Comments
 (0)