A, class loading
<div id="pos" class="easyui-progressbar" data-options="value:60" style="width: 200px;"></div>
Two, js loading
. $ ( "# POS") ProgressBar ({
// attributes
width: 600, // default set width progress bar to auto, the value String.
height:. 30, the height of the progress bar // default setting is 22, the value of number
value: 10, // default value of the progress bar set to 0, the value of Number.
text: '{value}%', // set percentage progress bar template: default {value}%, the value String
// event
onChange: function (newValue, oldValue) {
the console.log ( "new value:" + newValue + ", the old values:" + oldValue)
},
});
// method
. Console.log ($ ( '# pos ') progressbar ( 'options')); // Returns the attributes of the object parameters none
//$("#pos").progressbar('setValue',80 ); // set the value of a new schedule, the parameter value
$ ( "# POS") ProgressBar ( 'a resize', 500);. // component sizes, parameters width
the setInterval (function () {
$ ( "# POS") .progressbar ( 'setValue', $ ( "# pos"). progressbar ( 'getValue') + 1) // returns the current progress value of the parameter none
}, 200 is)
Third, you can use the $ .fn.resizable.defaults override the default value of the object