Lead: << Your name/s >> << Select the status - Status colour Yellow title ongoing Status colour Grey title Waiting Status colour Blue title Done Status colour Green title published
>>Status colour Red title on hold
Related Pages: << Links to related pages, if relevant >>
| Table of Contents |
|---|
Description
...
<<e.g. active disabled, error, hover, temporary (spinner size), empty etc...>>
Interaction
Progress bars don not support user interaction, they are solely used to provide a visual status indicator.
Best practices
Don’t stop a progress bar - A progress bar makes users develop an expectation for how fast the action is being processed. As a result, any unexpected freezes will be noticed and will impact user satisfaction. The worst possible case is when progress bar approaches 99% and suddenly stops. Most users will be frustrated by this behavior because it makes them think the app is frozen. Hopefully, there There is a simple solution — you can disguise small delays in your progress bar by moving it instantly and steadily.
Explain why the user is waiting - Many times, if users are informed, they may be more patient. It can be helpful to add additional clarity by including text that tells the user what is happening or explains why the user is waiting.
Provide a general time estimate for time-consuming tasks - Don’t try to be exact, a simple, “this might take five minutes” can be enough for the users and encourage them to wait it out.
...