Progress（进度条） v2.0 界面简洁，使用方便，支持事件。在 Ajax 中应用，可大大提高用户体验。

/products/webComponents/Progress/demo.htm

• Internet Explorer　全面支持
• Firefox　全面支持

var progress2 = new Progress("pp2", 0, 100, 0, 1, new ProgressStyle(300, 20, "#CC0000", "#FF3333"));

progress2.onPositionChange = function () {

document.getElementById("pp2Text").innerHTML = parseInt(progress2.position * 100 / (progress2.max - progress2.min)) + "%";

};

progress2.create();

Progress(targetIdOrTarget, min, max, position, step, progressStyle)

构造函数。

• targetIdOrTarget　字符串或 object　承载进度条的 HTML 控件 Id 名称或控件对象。
• min　数字　进度条的最小指示值。
• max　数字　进度条的最大指示值。
• position　数字　进度条的当前指示值。
• step　数字　进度条步进长度。
• progressStyle　ProgressStyle　进度条的样式。

ProgressStyle(width, height, borderColor, barColor)

ProgressStyle 构造函数。

• width　数字　进度条宽度。
• height　数字　进度条高度。
• borderColor　字符串　进度条边框的颜色。
• barColor　字符串　进度条中显示条的颜色。

create()

创建进度条。

setPosition(position)

设置进度条的当前指示值。

• position　数字　新的进度条当前指示值。

desc()

进度条的当前指示值减少一个 step。

inc()

进度条的当前指示值增加一个 step。

• onPositionChange　函数　进度条的当前指示值发生改变时对应的方法。

• Progress v1.0

当前版本 v2.0 点击下载压缩文件包，内含：

• JS 主程序文件　1 个
• 示例文件　1 个