Jquery Easyui进度条组件Progress使用详解（8）

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

<div id="box" style="width: 400px;"></div><script> $(function () {  $('#box').progressbar({     // 设置进度条宽度     width : '200',     // 设置进度条高度    height : '100',    //设置进度条值    value : '60',    // 设置进度条百分比模版    text: '百分之{value}'  });  });</script>

<script>   $(function () {    $('#box').progressbar({     // 设置进度条宽度     width : '200',     // 设置进度条高度     height : '100',     //设置进度条值     value : '60',     // 设置进度条百分比模版     text: '百分之{value}',     // 在值更改的时候触发     onChange:function (newValue,oldValue) {      console.log("新值:"+newValue);      console.log("旧值:"+oldValue);     },    });   });  </script>

<script>   $(function () {    $('#box').progressbar({     value : '40',     onChange : function (newValue, oldValue) {      console.log('新:' + newValue + ',旧:' + oldValue);     },    });    // 返回属性对象    console.log($('#box').progressbar('options'));    // 设置组件大小(宽度)    $('#box').progressbar('resize','500');    // 返回当前进度值    console.log($('#box').progressbar('getValue'));    // 设置一个新的进度值    $('#box').progressbar('setValue','50');    // 可以使用$.fn.progressbar.defaults 重写默认值对象。    $.fn.progressbar.defaults.value = '60';   });  </script>