All docs
V24.2
24.2
24.1
23.2
23.1
22.2
22.1
21.2
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery LoadIndicator - Overview

The LoadIndicator is a UI element notifying the viewer that a process is in progress.

View Demo

The following code adds a simple LoadIndicator to your page. You can change the UI component size, using the height and width properties.

HTML
JavaScript
  • <div id="loadIndicatorContainer"></div>
  • $(function() {
  • $("#loadIndicatorContainer").dxLoadIndicator({
  • visible: true,
  • height: 40,
  • width: 40
  • });
  • });

If you need to use a custom image in the LoadIndicator, assign its URL to the indicatorSrc property.

JavaScript
  • $(function() {
  • $("#loadIndicatorContainer").dxLoadIndicator({
  • visible: true,
  • indicatorSrc: "https://js.devexpress.com/Content/data/loadingIcons/rolling.svg"
  • });
  • });
See Also