Jquery易用户进度条组件使用详解进度(8)

本文分享了Jquery Easyui进度条组件的实现代码，供大家参考。具体内容如下

装载方法

类别加载

div class=' easui-progress bar ' data-options=' value :60 ' style=' width :400 px；'/divJS调用加载

div id=' box ' style=' width : 400 px；'/div script $ (function () {$ ('# box '))。progress bar({//设置进度条宽度：' 200 '，//设置进度条高度：' 100 '，//设置进度条值： '60 '，///设置进度条})；/script属性列表

事件列表

Script $ (function () {$ ('# box '))。progress bar({//设置进度条宽度：' 200 '，//设置进度条高度：' 100 '，//设置进度条值： '60 '，//设置进度条百分比模板text:' {value} '，//当值发生变化时触发onchange 3360函数(新值，旧值){ console . log(' new value : ' new value)；Console.log('旧值： '旧值)；}, });});/script方法列表

Script $ (function () {$ ('# box '))。ProgressBar ({value:' 40 '，onchange :函数(新值，旧值){console.log ('new 3360' new value，old 3360 ' old value)；}, });//返回属性对象console.log ($ ('# box ')。progress bar(' options ')；//设置组件大小(宽度)$ ('# box ')。progressbar ('resize '，' 500 ')；//返回当前进度值console.log ($ ('# box ')。progress bar(' getvalue ')；//设置新的进度值$ ('# box ')。progressbar ('setvalue '，' 50 ')；//您可以使用$.fn.progressbar.defaults来覆盖默认值对象。$ . fn . progress bar . defaults . value=' 60 '；});/脚本以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。