[gnome-devel-docs] HIG - elaborate the page on progress bars
- From: Allan Day <allanday src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-devel-docs] HIG - elaborate the page on progress bars
- Date: Mon, 29 Sep 2014 11:58:45 +0000 (UTC)
commit 0712f8315b4328d167e05f0b2fe7329976945f0a
Author: Allan Day <allanpday gmail com>
Date: Mon Sep 29 12:58:19 2014 +0100
HIG - elaborate the page on progress bars
hig/C/figures/ui-elements/progress-bars.svg | 229 +++++++++++++--------------
hig/C/progress-bars.page | 91 +++++++++--
2 files changed, 189 insertions(+), 131 deletions(-)
---
diff --git a/hig/C/figures/ui-elements/progress-bars.svg b/hig/C/figures/ui-elements/progress-bars.svg
index 61d7202..13bfa8a 100644
--- a/hig/C/figures/ui-elements/progress-bars.svg
+++ b/hig/C/figures/ui-elements/progress-bars.svg
@@ -57,18 +57,18 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
- inkscape:zoom="0.9997383"
- inkscape:cx="271.98003"
- inkscape:cy="184.88471"
+ inkscape:zoom="1"
+ inkscape:cx="125.18413"
+ inkscape:cy="222.85046"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:showpageshadow="false"
- inkscape:window-width="1410"
- inkscape:window-height="874"
- inkscape:window-x="234"
- inkscape:window-y="144"
- inkscape:window-maximized="0" />
+ inkscape:window-width="1920"
+ inkscape:window-height="1133"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="1" />
<metadata
id="metadata11714">
<rdf:RDF>
@@ -77,7 +77,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
- <dc:title></dc:title>
+ <dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
@@ -86,118 +86,111 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-772.36218)">
+ <rect
+
style="color:#000000;fill:#d2d2d2;fill-opacity:1;fill-rule:nonzero;stroke:#a1a1a1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new"
+ id="rect16720"
+ width="239"
+ height="5"
+ x="20.5"
+ y="950.86218"
+ rx="1.9999999"
+ ry="1.9999999"
+ inkscape:export-filename="/home/lapo.fedora/SparkleShare/gnome-mockups/content
selection/content-selection.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
+ <path
+ sodipodi:nodetypes="sssssssss"
+ inkscape:connector-curvature="0"
+ id="path16722"
+ d="m 22.5,950.86219 93,0 c 0.483,0 1,0.5014 1,1 l 0,3 c 0,0.5198 -0.5014,1 -1,1 l -93,0 c -1.108,0
-2,-0.892 -2,-2 l 0,-1 c 0,-1.108 0.892,-2 2,-2 z"
+
style="color:#000000;fill:#5094da;fill-opacity:1;fill-rule:nonzero;stroke:#184472;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new"
/>
+ <text
+ xml:space="preserve"
+
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#888a85;fill-opacity:1;stroke:none;font-family:Cantarell;-inkscape-font-specification:Cantarell"
+ x="140.12573"
+ y="934.36218"
+ id="text16724"
+ sodipodi:linespacing="125%"><tspan
+ sodipodi:role="line"
+ id="tspan16726"
+ x="140.12573"
+ y="934.36218">About 4 minutes remaining</tspan></text>
+ <text
+ sodipodi:linespacing="125%"
+ id="text6023"
+ y="918.36218"
+ x="140.12573"
+
style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#2e3436;fill-opacity:1;stroke:none;font-family:Cantarell;-inkscape-font-specification:Cantarell"
+ xml:space="preserve"><tspan
+ y="918.36218"
+ x="140.12573"
+ id="tspan6025"
+ sodipodi:role="line">12 of 30 exported</tspan></text>
<g
- transform="translate(-3638,2664)"
- id="g16736">
+ id="g6151"
+ transform="matrix(2.0044743,0,0,2.0044743,123.93329,866.29506)"
+ style="fill:#2e3436">
<g
- transform="translate(0,-48)"
- id="g16708">
- <g
- id="g16710"
- transform="translate(0,23.000017)"
- inkscape:export-filename="/home/aday/checkout/gnome-devel-docs/hig3/C/figures/progress-bars.png"
- inkscape:export-xdpi="90"
- inkscape:export-ydpi="90">
- <rect
- ry="3"
- rx="3.0000002"
- y="-1722.7477"
- x="3681.7283"
- height="6.1098633"
- width="4.2717285"
- id="rect16712"
-
style="color:#000000;fill:#ce5c00;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
- transform="translate(0,48)" />
- <rect
- inkscape:export-ydpi="90"
- inkscape:export-xdpi="90"
- inkscape:export-filename="/home/lapo.fedora/SparkleShare/gnome-mockups/content
selection/content-selection.png"
- ry="1.9999999"
- rx="1.9999999"
- y="-1722.1378"
- x="3658.5"
- height="5"
- width="239"
- id="rect16714"
-
style="color:#000000;fill:#d2d2d2;fill-opacity:1;fill-rule:nonzero;stroke:#a1a1a1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new"
- transform="translate(0,48)" />
- <rect
- inkscape:export-ydpi="90"
- inkscape:export-xdpi="90"
- inkscape:export-filename="/home/lapo.fedora/SparkleShare/gnome-mockups/content
selection/content-selection.png"
- ry="1"
- rx="1"
- y="-1722.1378"
- x="3780.5"
- height="5"
- width="59"
- id="rect16716"
-
style="color:#000000;fill:#5094da;fill-opacity:1;fill-rule:nonzero;stroke:#184472;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new"
- transform="translate(0,48)" />
- <g
- transform="translate(0,47)"
- id="g16718">
- <rect
-
style="color:#000000;fill:#d2d2d2;fill-opacity:1;fill-rule:nonzero;stroke:#a1a1a1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new"
- id="rect16720"
- width="239"
- height="5"
- x="3658.5"
- y="-1768.1378"
- rx="1.9999999"
- ry="1.9999999"
- inkscape:export-filename="/home/lapo.fedora/SparkleShare/gnome-mockups/content
selection/content-selection.png"
- inkscape:export-xdpi="90"
- inkscape:export-ydpi="90" />
- <path
- sodipodi:nodetypes="sssssssss"
- inkscape:connector-curvature="0"
- id="path16722"
- d="m 3660.5,-1768.1378 93,0 c 0.483,0 1,0.5014 1,1 l 0,3 c 0,0.5198 -0.5014,1 -1,1 l -93,0 c
-1.108,0 -2,-0.892 -2,-2 l 0,-1 c 0,-1.108 0.892,-2 2,-2 z"
-
style="color:#000000;fill:#5094da;fill-opacity:1;fill-rule:nonzero;stroke:#184472;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new"
/>
- <text
- xml:space="preserve"
-
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#888a85;fill-opacity:1;stroke:none;font-family:Cantarell;-inkscape-font-specification:Cantarell"
- x="3778.1257"
- y="-1778.6378"
- id="text16724"
- sodipodi:linespacing="125%"><tspan
- sodipodi:role="line"
- id="tspan16726"
- x="3778.1257"
- y="-1778.6378">About 4 minutes left</tspan></text>
- </g>
- <rect
- inkscape:export-ydpi="90"
- inkscape:export-xdpi="90"
- inkscape:export-filename="/home/lapo.fedora/SparkleShare/gnome-mockups/content
selection/content-selection.png"
- ry="1.9999999"
- rx="1.9999999"
- y="-1768.1378"
- x="3658.5"
- height="5"
- width="239"
- id="rect16728"
-
style="color:#000000;fill:#d2d2d2;fill-opacity:1;fill-rule:nonzero;stroke:#a1a1a1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new"
/>
- <path
-
style="color:#000000;fill:#5094da;fill-opacity:1;fill-rule:nonzero;stroke:#184472;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new"
- d="m 3660.5,-1768.1378 93,0 c 0.483,0 1,0.5014 1,1 l 0,3 c 0,0.5198 -0.5014,1 -1,1 l -93,0 c
-1.108,0 -2,-0.892 -2,-2 l 0,-1 c 0,-1.108 0.892,-2 2,-2 z"
- id="path16730"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="sssssssss" />
- <text
- sodipodi:linespacing="125%"
- id="text16732"
- y="-1778.6378"
- x="3778.1257"
-
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#888a85;fill-opacity:1;stroke:none;font-family:Cantarell;-inkscape-font-specification:Cantarell"
- xml:space="preserve"><tspan
- y="-1778.6378"
- x="3778.1257"
- id="tspan16734"
- sodipodi:role="line">4 minutes left</tspan></text>
- </g>
+ transform="translate(-621.03145,-301.03125)"
+ style="fill:#2e3436;display:inline"
+ inkscape:label="status"
+ id="layer9" />
+ <g
+ transform="translate(-621.03145,-301.03125)"
+ style="fill:#2e3436;display:inline"
+ inkscape:label="devices"
+ id="layer10" />
+ <g
+ transform="translate(-621.03145,-301.03125)"
+ inkscape:label="apps"
+ id="layer11"
+ style="fill:#2e3436" />
+ <g
+ transform="translate(-621.03145,-301.03125)"
+ style="fill:#2e3436;display:inline"
+ inkscape:label="places"
+ id="layer13" />
+ <g
+ transform="translate(-621.03145,-301.03125)"
+ inkscape:label="mimetypes"
+ id="layer14"
+ style="fill:#2e3436">
+ <path
+
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#2e3436;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Sans;-inkscape-font-specification:Sans"
+ id="rect35282"
+ d="m 622.0625,302.0625 0,1 0,11.96875 0,1 1,0 11.96875,0 1,0 0,-1 0,-11.96875 0,-1 -1,0
-11.96875,0 -1,0 z m 2,2 9.96875,0 0,9.96875 -9.96875,0 0,-9.96875 z"
+ inkscape:connector-curvature="0" />
+ <path
+
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#2e3436;fill-opacity:1;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+ id="path35302"
+ d="m 630.5625,309.34375 c -0.46643,-0.0643 -1.04585,-0.1297 -1.53125,0.25 -0.40319,0.3154
-0.7654,0.72703 -1.09375,1.03125 -0.32835,0.30422 -0.65996,0.4375 -0.59375,0.4375 l -3.84375,0 0,1 3.84375,0
c 0.58207,0 0.88604,-0.38153 1.25,-0.71875 0.36396,-0.33722 0.75079,-0.69367 1.0625,-0.9375 0.10629,-0.0831
0.40859,-0.14514 0.78125,-0.0937 0.37266,0.0514 0.69959,0.1875 1.09375,0.1875 0.14648,0 0.20407,0.0328
0.3125,0.125 0.10843,0.0922 0.24045,0.24389 0.375,0.4375 0.13455,0.19361 0.28193,0.42119 0.5,0.625
0.21807,0.20381 0.56155,0.375 0.9375,0.375 l 0.84375,0 0,-1 -0.84375,0 c -0.0991,0 -0.15147,-0.002
-0.25,-0.0937 -0.0985,-0.0921 -0.23537,-0.26783 -0.375,-0.46875 -0.13963,-0.20092 -0.29184,-0.42134
-0.53125,-0.625 -0.23941,-0.20366 -0.57764,-0.375 -0.96875,-0.375 -0.0328,0 -0.50232,-0.0919
-0.96875,-0.15625 z"
+ inkscape:connector-curvature="0" />
+ <path
+
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#2e3436;fill-opacity:1;stroke:none;stroke-width:1.18468678;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+ id="path35306"
+ d="m 626.47137,304.91487 c -0.86024,0 -1.55632,0.72246 -1.55632,1.58269 0,0.86024 0.69608,1.55632
1.55632,1.55632 0.86024,0 1.5827,-0.69608 1.5827,-1.55632 0,-0.86023 -0.72246,-1.58269 -1.5827,-1.58269 z m
0,1.00237 c 0.3198,0 0.58032,0.26053 0.58032,0.58032 0,0.3198 -0.26052,0.55395 -0.58032,0.55395 -0.3198,0
-0.55394,-0.23415 -0.55394,-0.55395 0,-0.31979 0.23414,-0.58032 0.55394,-0.58032 z"
+ inkscape:connector-curvature="0" />
</g>
+ <g
+ transform="translate(-621.03145,-301.03125)"
+ style="fill:#2e3436;display:inline"
+ inkscape:label="emblems"
+ id="layer15" />
+ <g
+ transform="translate(-621.03145,-301.03125)"
+ style="fill:#2e3436;display:inline"
+ inkscape:label="emotes"
+ id="g71291" />
+ <g
+ transform="translate(-621.03145,-301.03125)"
+ style="fill:#2e3436;display:inline"
+ inkscape:label="categories"
+ id="g4953" />
+ <g
+ transform="translate(-621.03145,-301.03125)"
+ style="fill:#2e3436;display:inline"
+ inkscape:label="actions"
+ id="layer12" />
</g>
</g>
</svg>
diff --git a/hig/C/progress-bars.page b/hig/C/progress-bars.page
index 33e2f1c..03c5613 100644
--- a/hig/C/progress-bars.page
+++ b/hig/C/progress-bars.page
@@ -24,33 +24,98 @@
<title>Progress bars</title>
-<p>Progress bars are visual indicators of the progress of a task being carried out. There are three main
types of progress bar:</p>
-
-<list>
-<item><p>Time-remaining: indicate how much time remains in an operation.</p></item>
-<item><p>Typical-time: indicate how much time remains, based on an estimate of the expected
duration.</p></item>
-<item><p>Indeterminate: only indicate that an operation is ongoing, not how long it will take.</p></item>
-</list>
+<p>Progress bars indicate that a task is being carried out, along with how much progress has been made
through the task.</p>
<media type="image" mime="image/svg" src="figures/ui-elements/progress-bars.svg"/>
<section id="when-to-use">
<title>When to use</title>
-<p>The primary advantage of a progress bar over other methods of indicating progress is that a progress bar
graphically indicates the proportion of a task that has been completed. This also results in progress bars
taking more space and having a higher visual footprint. Therefore, they are best used to indicate progress on
tasks that can take a relatively long time.</p>
+<p>It is usually necessary to indicate that progress is taking place whenever an operation takes more than
around three seconds. This ensures that users understand that they have to wait, and that an error has not
occurred.</p>
+
+<p>When indicating progress, the primary choice is between a progress bar or a <link
xref="progress-spinners">progress spinner</link>. Progress bars indicate how much of a task has been
completed. They are therefore useful for tasks that take a long time. As a rule of thumb, only use a progress
bar for tasks that take over 30 seconds. For tasks that have shorter periods, <link
xref="progress-spinners">progress spinners</link> are often a better choice.</p>
+
+</section>
+
+<section id="types">
+<title>Types</title>
+
+<p>There are three types of progress bar:</p>
+
+<list>
+<item><p>Time-remaining: these indicate how much time remains in an operation.</p></item>
+<item><p>Typical-time: these indicate how much time remains, based on an estimate of the expected
duration.</p></item>
+<item><p>Indeterminate: these only indicate that an operation is ongoing, not how long it will
take.</p></item>
+</list>
+
+<p>Accuracy is preferable for progress bars. Where possible, use a time-remaining progress bar, followed by
typical-time. Try to avoid using indeterminate progress bars.</p>
+
+</section>
+
+<section id="progress-text">
+<title>Progress text</title>
+
+<p>Each progress bar can include a text description. This text should provide an idea of how much of the
task has been completed. When deciding on progress text:</p>
+
+<list>
+<item><p>Always consider what is most relevant and interesting for the user.</p></item>
+<item><p>It is often better to provide specific information rather than a unitless percentage. For example,
<gui>13 of 19 images rotated</gui> or <gui>12.1 of 30 MB downloaded</gui> rather than <gui>13%
complete</gui>.</p></item>
+<item><p>For long-running tasks, it can be desirable to show an estimate of the time remaining in the
progress bar text. If other relevant information isn't available, this can be shown on its own.
Alternatively, it can appear alongside text about task progress; however, be careful not to overwhelm the
user with too much information when doing this, and use <link xref="typography">typographic
conventions</link> to differente the most useful information.</p></item>
+<item><p>If the time remaining is an estimate, use the word <gui>about</gui>. For example: <gui>About 3
minutes left</gui>.</p></item>
+</list>
+
+</section>
+
+<section id="task-stages">
+<title>Task stages</title>
+
+<p>Some tasks can be made up of a sequential series of stages, each of which have different options for time
estimation. It might be possible to estimate the time remaining for part of a task, but not another part, for
example. In these situations:</p>
+
+<list>
+<item><p>Only communicate the different stages in a task when they are relevant to a user. Generally
speaking, this will not be required, and it is not necessary or desirable to communicate separate stages in a
task.</p></item>
+<item><p>If a task includes time-remaining and typical-time stages, try to create a single composite
typical-time progress bar.</p></item>
+<item><p>If a task includes an indeterminate progress stage, the progress bar can show indeterminate
progress for part of the task. However, you should avoid showing indeterminate progress bars for long periods
of time, and should attempt to keep the number of progress bar mode changes to an absolute minimum. Avoid
indeterminate progress wherever possible.</p></item>
+</list>
+
+</section>
+
+<section id="sub-tasks">
+<title>Sub-tasks</title>
+
+<p>If a task is comprised of multiple asynchronous sub-tasks (such as downloading several files
simultaneously), it is generally advisable to show a single progress bar which indicates composite progress
for the overall task. However, there are some situations where this might not be the case:</p>
+
+<list>
+<item><p>If it is genuinely useful for the user to know progress on individual tasks.</p></item>
+<item><p>If it might be necessary to pause or stop a sub-task (see the <link
xref="#general-guidelines">general guidelines</link> on this, below).</p></item>
+<item><p>If sub-tasks are already indicated in your application's user interface. In this case, it can be
less disruptive to show a progress for each item inline.</p></item>
+</list>
+
+<p>When showing progress bars for sub-tasks:</p>
+
+<list>
+<item><p>Each sub-task should conform to the usage guidelines for progress bars (see <link
xref="#when-to-use">when to use</link>, above).</p></item>
+<item><p>Generally speaking, it is not necessary to show a progress bar for overall progress through the set
of tasks.</p></item>
+</list>
+
+</section>
+
+<section id="progress-windows">
+<title>Progress windows</title>
+
+<p>In the past, progress windows were a popular way to present progress bars. These secondary windows would
appear for the duration of a task, and would contain one or more progress bars. In general, progress windows
are not recommended, since the consequence of closing the window can be unclear and they can obscure useful
controls and content.</p>
-<p>As a rule of thumb, only use a progress bar for tasks that take over 30 seconds. For tasks that have
shorter periods, <link xref="progress-spinners">progress spinners</link> are often a better choice.</p>
+<p>Where possible, progress bars should be displayed inline, and should have a close visual relationship
with the content items or controls which represent the ongoing task.</p>
</section>
-<section id="guidelines">
-<title>Guidelines</title>
+<section id="general-guidelines">
+<title>General guidelines</title>
<list>
-<item><p>Accuracy is preferable for progress bars. Where possible, use a time-remaining progress bar,
followed by typical-time. Try to avoid using indeterminate progress bars.</p></item>
+<item><p>If the operation in progress is potentially destructive or resource intensive, consider placing a
pause and/or cancel button close to the progress bar.</p></item>
<item><p>Ensure that time-remaining and typical-time progress bars measure an operation’s total time or
total work, not just that of a single step.</p></item>
<item><p>Update time-remaining progress bars when changes occur that will cause the operation to finish more
quickly or more slowly.</p></item>
-<item><p>When using a typical-time progress bar, if your application overestimates the completed amount of
work, the length of the bar can indicate “almost complete” until the operation is complete. If your
application underestimates how much work is complete, fill the remaining portion of the bar when the
operation is complete.</p></item>
+<item><p>When using a typical-time progress bar, if your application overestimates the completed amount of
work, the length of the bar can indicate <gui>almost complete</gui> until the operation is complete. If your
application underestimates how much work is complete, fill the remaining portion of the bar when the
operation is complete.</p></item>
</list>
</section>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
