Enabling the ProgressBar in JQuery ProgressBar widget

23 Nov 20171 minute to read

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 HTML page, add a <div> element to render the ProgressBar widget.

  • html
  • <div class="control">
        <div id="progressbar"></div>
    </div>
  • javascript
  • // Add the ‘enabled’ property as follows.
         $(function () {
             //Declaration.
             $("#progressbar").ejProgressBar({
                 enabled: false,
                 value: 40,
                 width: 500,
                 height: 40
             });
             var progress = $("#progressbar").data("ejProgressBar");
             progress.setModel({ text: progress.getValue() + " %" });
         });

    The following screenshot displays the output for the above code.

    Enabling-the-ProgressBar_img1