Loader

Loaders are animated UI elements indicating that a page, section, or action is loading.

Usage Guidelines

The Telerik and Kendo UI Loader requires you to follow some basic principles when using the component.

Purpose

The Telerik and Kendo UI Loader is used to indicate processes that take an indeterminate amount of time to load. If the process takes a defined amount of time, the recommendation is to use components such as ProgressBar instead.

Use the Telerik and Kendo UI Loader for loading processes that take indeterminate time.
Avoid using the Telerik and Kendo UI Loader for processes that take a defined amount of time that can be measured.

Label Text

Using the Telerik and Kendo UI Loader informs the user that the loading process is taking time. However, the component itself is not informative enough without additional context. Adding a short and concise label clarifies the message and leaves no room for misinterpretation.

If there is enough space, add short and concise labels to clarify the goal of the loading process.
Avoid using a Loader without a label as it may lack context.

Exclusivity

The Telerik and Kendo UI Loader must be used sparingly on the page, preferably once, as it draws the user’s attention immediately.

Use a single Loader for multiple loading sections.
Avoid using multiple Loaders as it affects the user’s attention and overloads the UI.