Jquery Easyui Progress bar component Progress usage (8), jqueryeasyui

Jquery Easyui Progress bar component Progress usage (8), jqueryeasyui

Examples of this article are as follows:Jquery Easyui progress bar componentFor your reference, the specific content is as follows:

Loading Method

Class Loading

<div class="easyui-progressbar" data-options="value:60" style="width:400px;"></div>

JS call Loading

<Div id = "box" style = "width: 400px;"> </div> <script >$ (function () {$ ('# box '). progressbar ({// set the width of the progress bar: '000000', // set the height of the progress bar: '000000', // set the value of the progress bar: '60 ', // set progress bar percentage template text: '% {value}'}) ;}); </script>

Attribute list

Event list

<Script> $ (function () {$ ('# box '). progressbar ({// set the width of the progress bar: '000000', // set the height of the progress bar: '000000', // set the value of the progress bar: '60 ', // set progress bar percentage template text: '% {value}', // triggers onChange: function (newValue, oldValue) {console when the value is changed. log ("New Value:" + newValue); console. log ("old value:" + oldValue) ;},}) ;}); </script>

Method list

<Script> $ (function () {$ ('# box '). progressbar ({value: '40', onChange: function (newValue, oldValue) {console. log ('new: '+ newValue +', old: '+ oldValue) ;},}); // return the console of the property object. log ($ ('# box '). progressbar ('options'); // sets the component size (width) $ ('# box '). progressbar ('resize', '20140901'); // return the current progress value console. log ($ ('# box '). progressbar ('getvalue'); // sets a new progress value $ ('# box '). progressbar ('setvalue', '50'); // you can use $. fn. progr Essbar. defaults override the default object. $. Fn. progressbar. defaults. value = '60' ;}); </script>

The above is all the content of this article. I hope it will be helpful for your learning and support for helping customers.