Enabling the ProgressBar
The ProgressBar is enabled by using the ‘Enabled’ Property. When this property is set to ‘false’, it disables the ProgressBar widget. By default, ‘Enabled’ property is set to ‘true’ in the ProgressBar widget.
The following steps explain how to disable the ProgressBar widget when ‘Enabled’ property is set to ‘false’.
- In the VIEW page, add a helper element to render the ProgressBar widget.
// Add the following code example to the corresponding CSHTML page to disable the ProgressBar control.
@Html.EJ().ProgressBar("progressbar").Value(70).Height("20").Width("500").Enabled(false)
<script>
var progress;
$(document).ready(function ()
{
progress = $("#progressbar").data("ejProgressBar");
progress.setModel({ text: progress.getValue() + " %"});
});
</script>
The following screenshot displays the output for the above code.
Disabled Progress Bar
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page