ProgressBar
进度条提供了一个反馈显示一个长时间运行的操作进展。可以更新的进展条,让用户知道当前正在执行操作。
创建进度条比较简单,可以用下面的两种方式来创建。
1.从标签创建更加简单,添加'easyui-progressbar'类到< div >标签。
<div id="p" class="easyui-progressbar" data-options="value:60" style="width:400px;"></div>
2.使用Javascript创建进度条。
<div id="p" style="width:400px;"></div>
$('#p').progressbar({
value: 60
});
获取当前值和设置一个新的值到进度条控件。
var value = $('#p').progressbar('getValue'); //获取进度条的值
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value); //设置进度条的值
}