---
title: Usage
position: 2
seo_title: Guidelines for Using the Loader Component
seo_description: Get the knack of the Telerik and Kendo UI Loader and learn how
  to use it by following the instructions and recommendations in the user
  guidelines created by our designers.
---
## 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.

<DosDonts>
<Do description="Use the Telerik and Kendo UI Loader for loading processes that take indeterminate time.">![A Telerik and Kendo UI Loader with a label describing the loading process that takes an indeterminate amount of time.](images/components-loader-usage-purpose-do.png "Render Telerik and Kendo UI Loader with a label that describes a loading page process.")</Do>
<Dont description="Avoid using the Telerik and Kendo UI Loader for processes that take a defined amount of time that can be measured.">![Inaccurate use of a Telerik and Kendo UI Loader with a label describing the loading process that takes a determinate amount of time.](images/components-loader-usage-purpose-dont.png "Do not render Telerik and Kendo UI Loader for an installing software process that takes a defined amount of time.")</Dont>
</DosDonts>


### 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.

<DosDonts>
<Do description="If there is enough space, add short and concise labels to clarify the goal of the loading process.">![A Telerik and Kendo UI Loader with a label describing the loading process](images/components-loader-usage-label-do.png "Render a Telerik and Kendo UI Loader with a label describing the loading process.")</Do>
<Dont description="Avoid using a Loader without a label as it may lack context.">![A Telerik and Kendo UI Loader without a describing label.](images/components-loader-usage-label-dont.png "Do not render Telerik and Kendo UI Loader without labels as it does not provide context for the loading process.")</Dont>
</DosDonts>


### Exclusivity

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

<DosDonts>
<Do description="Use a single Loader for multiple loading sections.">![A Telerik and Kendo UI Loader used for multiple loading sections.](images/components-loader-usage-exclusivity-do.png "Use a single Telerik and Kendo UI Loader for multiple loading sections on the page.")</Do>
<Dont description="Avoid using multiple Loaders as it affects the user’s attention and overloads the UI.">![Multiple Telerik and Kendo UI Loaders used for indicating the loading sections on the page.](images/components-loader-usage-exclusivity-dont.png "Do not use multiple Loaders to demonstrate different loading sections as it makes the UI busy and distracts the user.")</Dont>
</DosDonts>