complete

Fired when the value of the ProgressBar reaches the maximum value.

Important The event is not fired during the initialization of the widget, even when the initial value is equal to the maximum value.

Event Data

e.value Number

The current value of the ProgressBar.

Example - subscribe to the "complete" event during initialization

<div id="progressbar"></div>
<script>
  $("#progressbar").kendoProgressBar({
    complete: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log("Value is " + e.value);
    }
  });
</script>

Example - subscribe to the "complete" event after initialization

<div id="progressbar"></div>
<script>
  function onComplete(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("Value is " + e.value);
  }

  $("#progressbar").kendoProgressBar();

  var progressbar = $("#progressbar").data("kendoProgressBar");
  progressbar.bind("complete", onComplete);
</script>
In this article