1. 云栖社区>
  2. >
  3. 正文

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

作者:用户 来源:互联网 时间:2016-09-29 17:02:54

progressbar进度条

jQuery EasyUI API 中文文档 - ProgressBar 进度条_jquery - 摘要: 本文讲的是jQuery EasyUI API 中文文档 - ProgressBar 进度条_jquery, 用$.fn.progressbar.defaults重写defaults。 依赖 none 用法示例 创建ProgressBar ProgressBar能够从html标记创建或者编程创建。从标记创建更容易些,把 'easyui-progr

用$.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

设置一个新的进度值。

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索progressbar 进度条 jquery easyui 进度条、jquery easyui api、jquery easyui中文api、jquery easyui api1.5、jquery easyui1.4 api,以便于您获取更多的相关知识。