New to Kendo UI for jQuery? Start a free 30-day trial

Complete

events

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.

complete

Event Data

e.value `Number`

The current value of the ProgressBar.

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

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

Complete

complete

Event Data

e.value Number

e.value `Number`