easyUI progressbar组件：
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>Document</title>
<script src="easyui/jquery.min.js"></script>
<script src="easyui/jquery.easyui.min.js"></script>
<script src="easyui/locale/easyui-lang-zh_CN.js"></script>
<script src="js/test008.js"></script>
<link rel="stylesheet" href="easyui/themes/default/easyui.css">
<link rel="stylesheet" href="easyui/themes/icon.css">
</head> <body style="margin:20px">
<div class="easyui-progressbar" data-options='value:60'>this is inner text </div>
<div id="box"></div>
</body> </html>
$(function(argument) {
var obj = {
width: 300,
height: 30,
value: 30,
text: '已经进行{value}%',
onChange: function(n, o) {
console.log('newvalue:' + n + ',oldvalue:' + o);
},
};
$('#box').progressbar(obj);
});
// setTimeout(function () {
// $('#box').progressbar('setValue',70);
// },1000);
setInterval(function() {
$('#box').progressbar('setValue', $('#box').progressbar('getValue') + 1);
}, 200);