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

Change

events

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

change

Event Data

e.value `Number`

The current value of the ProgressBar.

<button id="set">Set Value to 50</button>
<div id="progressbar"></div>
<script>
  $("#progressbar").kendoProgressBar({
    change: function(e) {
      kendo.alert("Value is " + e.value);
    }
  });

  $("#set").on("click", () => {
    $("#progressbar").data("kendoProgressBar").value(50);
  });
</script>

<button id="set">Set Value to 50</button>
<div id="progressbar"></div>
<script>
  function onChange(e) {
	kendo.alert("Value is " + e.value);
  }

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

  var progressbar = $("#progressbar").data("kendoProgressBar");
  progressbar.bind("change", onChange);

  $("#set").on("click", () => {
    $("#progressbar").data("kendoProgressBar").value(50);
  });
</script>

Change

change

Event Data

e.value Number

e.value `Number`