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