change

Fired when the value of the ProgressBar has changed. If the progress animation is enabled, the event will be fired after the animation has completed (does not applies to chunk ProgressBar).

Event Data

e.value Number

The current value of the ProgressBar.

Example - subscribe to the "change" event during initialization

<div id="progressbar"></div>
<script>
  $("#progressbar").kendoProgressBar({
    change: 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 "change" event after initialization

<div id="progressbar"></div>
<script>
  function onChange(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("change", onChange);
</script>
In this article
Not finding the help you need? Improve this article