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

Value

methods

Gets or sets the value of the ProgressBar. It accepts a number, a string or false as a parameter. Setting the value to false will set the state of the ProgressBar to indeterminate. If no parameter is passed, it returns the underlying value.

value

Parameters:valueNumber

The value to be set.

Returns:Number

the value of the widget.

<div id="progressbar"></div>
<script>
  $("#progressbar").kendoProgressBar({
    min: 10,
    max: 20,
    value: 15
  });

  $(function() {
	// The result can be seen in the browser console
	
    var pb = $("#progressbar").data("kendoProgressBar");
    console.log("The current value is " + pb.value());
  });
</script>

<div id="progressbar"></div>
<script>
  $("#progressbar").kendoProgressBar({
    min: 10,
    max: 20,
    value: 15
  });

  $(function() {
    var pb = $("#progressbar").data("kendoProgressBar");
    pb.value(20);
  });
</script>