jQuery EasyUI API 中文文档 - ProgressBar 进度条

  用$.fn.progressbar.defaults重写defaults。

  依赖

  none

  用法示例

  创建ProgressBar

  ProgressBar能够从html标记创建或者编程创建。从标记创建更容易些,把 'easyui-progressbar' 类加入到<div/>标记。

  

复制代码 代码如下:
<div id="p" class="easyui-progressbar" style="width:400px;"></div>

  获取或者设置值

  我们获取当前值并且给这个组件设置一个新值。

  

复制代码 代码如下:

  var value = $('#p').progressbar('getValue');

  if (value < 100){

  value += Math.floor(Math.random() * 10);

  $('#p').progressbar('setValue', value);

  }

  

特性

名称

类型

说明

默认值

  width

  string

  设置progressbar的宽度。

  auto

  value

  number

  百分比值。

  0

  text

  string

  显示在组件上的文字的模板。

  {value}%

事件

名称

参数

说明

  onChange

  newValue,oldValue

  当值改变的时候触发。

方法

名称

参数

说明

  options

  none

  返回options对象。

  resize

  width

  调整组件尺寸。

  getValue

  none

  返回当前的进度值。

  setValue

  value

  设置一个新的进度值。