Google
 
欢迎使用千一产品
千一产品:Progress v2.0

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 函数 进度条的当前指示值发生改变时对应的方法。
相关阅读
产品下载

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

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