type String (default: 'pulsing')

Specifies the type of the component. Valid options are

  • pulsing: two pulsating circles.
  • infinite-spinner: three circles moving counterclockwise.
  • converging-spinner: four circles positioned as square rotate clockwise and unite at the center position.

Example

<span id="loader-pulsing"></span>
<span id="loader-infinite-spinner"></span>
<span id="loader-converging-spinner"></span>

<script>
    $('#loader-pulsing').kendoLoader({ type: 'pulsing' });
    $('#loader-infinite-spinner').kendoLoader({ type: 'infinite-spinner' });
    $('#loader-converging-spinner').kendoLoader({ type: 'converging-spinner' });
</script>
In this article