New to Telerik UI for ASP.NET Core? Download free 30-day trial

ASP.NET Core ProgressBar API

Loading Demo...

EXAMPLE

VIEW SOURCE
EDIT IN
- Telerik REPL

Also available for:

var progressBarPrevState; window.demoComponentProperties = { sections: [ { label: 'Toggle state', controls: [{ type: 'segmented', name: 'state', options: [{ value: 'enabled', label: 'Enable' }, { value: 'disabled', label: 'Disable' }], defaultValue: 'enabled' }] }, { label: 'Value', controls: [{ type: 'numericTextBox', name: 'value', defaultValue: 25, min: 0, max: 100 }, { type: 'button', label: 'Set value', onClick: function (values) { $('#progressBar').data('kendoProgressBar').value(values.value); } }, { type: 'button', label: 'Get value', onClick: function () { alert('Current ProgressBar value is: ' + $('#progressBar').data('kendoProgressBar').value()); } }] }, { label: 'Indeterminate', controls: [{ type: 'button', label: 'Set indeterminate', onClick: function () { $('#progressBar').data('kendoProgressBar').value(false); } }] } ], onChange: function (values) { var progressBar = $('#progressBar').data('kendoProgressBar'); if (progressBar && values.state !== progressBarPrevState) { progressBarPrevState = values.state; progressBar.enable(values.state === 'enabled'); } } };

#progressBar { width:100% }

ASP.NET Core ProgressBar API

Support & Learning Resources

Additional Resources