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


Posted in Javascript onSeptember 29, 2011

用$.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 设置一个新的进度值。
Javascript 相关文章推荐
jQuery 版本的文本输入框检查器Input Check
Jul 09 Javascript
jQuery 打造动态渐变按钮 详细图文教程
Apr 25 Javascript
在JavaScript中监听IME键盘输入事件
May 29 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
Aug 02 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
Apr 16 Javascript
javascript结合canvas实现图片旋转效果
May 03 Javascript
跟我学习javascript的arguments对象
Nov 16 Javascript
JS调用打印机功能简单示例
Nov 28 Javascript
js推箱子小游戏步骤代码解析
Jan 10 Javascript
vue中如何动态绑定图片,vue中通过data返回图片路径的方法
Feb 07 Javascript
使用form-create动态生成vue自定义组件和嵌套表单组件
Jan 18 Javascript
小程序input数据双向绑定实现方法
Oct 17 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 #Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 #Javascript
jQuery EasyUI API 中文文档 搜索框
Sep 29 #Javascript
jQuery右键菜单contextMenu使用实例
Sep 28 #Javascript
封装了一个js图片轮换效果的函数
Sep 28 #Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 #Javascript
JavaScript ECMA-262-3 深入解析.第三章.this
Sep 28 #Javascript
You might like
jQuery EasyUI API 中文文档 - DateBox日期框
2011/10/15 PHP
php结合安卓客户端实现查询交互实例
2015/05/05 PHP
PHP实现的迷你漂流瓶
2015/07/29 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
php进程(线程)通信基础之System V共享内存简单实例分析
2019/11/09 PHP
Javascript 绘制 sin 曲线过程附图
2014/08/21 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
2014/10/11 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
2016/09/28 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
JavaScript中for循环的几种写法与效率总结
2017/02/03 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
2017/04/28 Javascript
深入理解JavaScript继承的多种方式和优缺点
2017/05/12 Javascript
微信小程序选择图片和放大预览图片功能
2017/11/02 Javascript
详解VUE 数组更新
2017/12/16 Javascript
setTimeout时间设置为0详细解析
2018/03/13 Javascript
你应该了解的JavaScript Array.map()五种用途小结
2018/11/14 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
详解iview的checkbox多选框全选时校验问题
2019/06/10 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
2020/08/07 Javascript
python使用BeautifulSoup分页网页中超链接的方法
2015/04/04 Python
python下读取公私钥做加解密实例详解
2017/03/29 Python
python 系统调用的实例详解
2017/07/11 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
Django模板语言 Tags使用详解
2019/09/09 Python
您的网上新华书店:文轩网
2016/08/24 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
不打扫卫生检讨书
2014/02/12 职场文书
家长对老师的评语
2014/04/18 职场文书
2014年园林绿化工作总结
2014/12/11 职场文书
英文升职感谢信
2015/01/23 职场文书
单位介绍信格式
2015/01/31 职场文书
2015年乡镇纪检工作总结
2015/04/22 职场文书
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers