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

//JS 加载调用
$('#box').progressbar({value : 60,
});

/**
<div id="box"></div>**/$(function () {$('#box').progressbar({width:500,               //设置进度条宽度height:20                //设置进度条高度
    });
});

/**
<div id="box"></div>**/$(function () {$('#box').progressbar({width:500,               //设置进度条宽度height:20                //设置进度条高度
    });
});

/**
<div id="box"></div>**/$(function () {$('#box').progressbar({width:500,               //设置进度条宽度height:20,                //设置进度条高度value:50                //设置进度条值
    });
});

/**
<div id="box"></div>**/$(function () {$('#box').progressbar({width:500,               //设置进度条宽度height:20,                //设置进度条高度value:50,                //设置进度条值text : '{value}%'       //设置进度条的提示文字，默认是获取进度条的值加上%号
    });
});

/**
<div id="box"></div>**/$(function () {$('#box').progressbar({width: 500,               //设置进度条宽度height: 20,                //设置进度条高度value: 50,                //设置进度条值text: '{value}%',       //设置进度条的提示文字，默认是获取进度条的值加上%号onChange: function (newValue, oldValue) {           //在值更改的时候触发alert('新:' + newValue + ',旧:' + oldValue);     //分别接收进度新值，和旧值
        }});setTimeout(function () {   //定时器1秒钟$('#box').progressbar('setValue', 70);  //将进度改变为70%}, 1000);
});

/**
<div id="box"></div>**/$(function () {$('#box').progressbar({width: 500,               //设置进度条宽度height: 20,                //设置进度条高度value: 50,                //设置进度条值text: '{value}%'       //设置进度条的提示文字，默认是获取进度条的值加上%号
    });setInterval(function () {  //定时器200毫秒，获取当前进度值加5，循环设置成新值$('#box').progressbar('setValue',$('#box').progressbar('getValue') + 5);}, 200);
});

/**
<div id="box"></div>**/$(function () {$('#box').progressbar({width: 500,               //设置进度条宽度height: 20,                //设置进度条高度value: 5,                //设置进度条值text: '{value}%'       //设置进度条的提示文字，默认是获取进度条的值加上%号
    });alert($('#box').progressbar('options'));       //返回属性对象
});

/**
<div id="box"></div>**/$(function () {$('#box').progressbar({width: 500,               //设置进度条宽度height: 20,                //设置进度条高度value: 5,                //设置进度条值text: '{value}%'       //设置进度条的提示文字，默认是获取进度条的值加上%号
    });$('#box').progressbar('resize',800);       //设置组件大小
});

/**
<div id="box"></div>**/$(function () {$('#box').progressbar({width: 500,               //设置进度条宽度height: 20,                //设置进度条高度value: 5,                //设置进度条值text: '{value}%'       //设置进度条的提示文字，默认是获取进度条的值加上%号
    });alert($('#box').progressbar('getValue'));       //返回当前进度值
});

/**
<div id="box"></div>**/$(function () {$('#box').progressbar({width: 500,               //设置进度条宽度height: 20,                //设置进度条高度value: 5,                //设置进度条值text: '{value}%'       //设置进度条的提示文字，默认是获取进度条的值加上%号
    });$('#box').progressbar('setValue',80);       //设置一个新的进度值
});

$.fn.progressbar.defaults.value = '60';