Provides continuous feedback regarding the progress of an operation.
Progress indicators provide users continuous feedback regarding the progress of an operation. The visual element helps the user understand something is happening and makes the action feel faster and more responsive.
A progress indicator bar should be used when the completion status can be estimated in real-time. The bar gradually fills with color as the operation progresses.
A loading indicator animation should be used when the completion status cannot be estimated, or when a visual element is updating. The animation reinforces that the operation is occurring.
Some operations can be controlled by the user. In these cases, the user controlled progress indicator is accompanied by options such as Cancel or Pause. Such controls appear beneath the bar and are left-aligned.
Title case, 2-3 words maximum.
Do not combine actions in a label (exception: "Customize & Buy").
If standard labels don't fit the button's purpose, align label with the task the user is attempting.
Please refer to the Dell Technologies branding website, https://brand.delltechnologies.com/faq/#voice, for further information regarding call-to-action labels and usage.
To be determined.
The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility.
Please refer to the recommendations for a progressbar from WAI-ARIA 1.1.
Please follow the best practices for alerts from WAI-ARIA authoring practices 1.1.
Please also refer to the recommendations for alerts from WAI-ARIA 1.1.
You may refer to this example of an alert from WAI-ARIA practices 1.1.
For loading indicator modals, please refer to the accessibility guidelines for modals.