Sets the value of the Circular Progress bar to indeterminate state(null) and starts the animation.

Code examples

Set the indeterminate property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 circularProgressBar.indeterminate = false;

Get the indeterminate property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 let indeterminate = circularProgressBar.indeterminate;

Sets the filling direction of the Circular Progress Bar.

Code examples

Set the inverted property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 circularProgressBar.inverted = false;

Get the inverted property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 let inverted = circularProgressBar.inverted;

A callback function defining the new format for the label of the Progress Bar.

Code examples

Set the formatFunction property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 circularProgressBar.formatFunction = function(value) { return "$" + value };

Get the formatFunction property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 let formatFunction = circularProgressBar.formatFunction;

Sets progress bars maximum possible value.

Code examples

Set the max property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 circularProgressBar.max = 50;

Get the max property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 let max = circularProgressBar.max;

Sets progress bars minimum possible value.

Code examples

Set the min property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 circularProgressBar.min = 10;

Get the min property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 let min = circularProgressBar.min;

Enables/Disabled the label for the Progress Bar.

Code examples

Set the showProgressValue property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 circularProgressBar.showProgressValue = false;

Get the showProgressValue property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 let showProgressValue = circularProgressBar.showProgressValue;

Sets/Gets the value of the progress bar

Code examples

Set the value property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 circularProgressBar.value = 45;

Get the value property.

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar');

 let value = circularProgressBar.value;

This event is triggered when the value is changed.

Code examples

Bind to the change event by type: jqxCircularProgressBar

 let circularProgressBar = document.querySelector('jqx-circular-progress-bar'); 

 circularProgressBar.addEventListener('change', function (event) {
     // event handling code goes here.
 }