Setting Range
28 Jun 2017 / 1 minute to read
The range of the ProgressBar is set by using minimum and maximum values. The Minimum value specifies the value where the ProgressBar shows the process to have started. The Maximum value specifies the value where the process is completed. You can set the range by using the minValue and maxValue property.
In the HTML page, add a <div> element to render the ProgressBar widget.
<div class="control">
<div id="progressbar" ej-progressbar e-minvalue="40" e-maxvalue="80" e-value="80" e-height="20" e-width="500" e-create="create"></div>
</div>
angular.module('ProgressBarApp', ['ejangular'])
.controller('ProgressBarCtrl', function ($scope) {
$scope.create = function () {
var progress = $("#progressbar").data("ejProgressBar");
progress.setModel({ text: progress.getPercentage() + " % Completed" });
}
});
The following screenshot displays the output.
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