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 相关文章推荐
js验证表单大全
Nov 25 Javascript
把JS与CSS写在同一个文件里的书写方法
Jun 02 Javascript
jQuery 位置插件
Dec 25 Javascript
基于jquery的用鼠标画出可移动的div
Sep 06 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
Jan 02 Javascript
jQuery中last()方法用法实例
Jan 06 Javascript
js钢琴按钮波浪式图片排列效果代码分享
Aug 26 Javascript
js实现右键菜单功能
Nov 28 Javascript
jquery滚动条插件slimScroll使用方法
Feb 09 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
在vue里面设置全局变量或数据的方法
Mar 09 Javascript
jquery添加div实现消息聊天框
Feb 08 jQuery
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
简单的php缓存类分享     php缓存机制
2014/01/22 PHP
PHP中auto_prepend_file与auto_append_file用法实例分析
2014/09/22 PHP
Linux平台PHP5.4设置FPM线程数量的方法
2016/11/09 PHP
PHP的Trait机制原理与用法分析
2019/10/18 PHP
JavaScript 中的事件教程
2007/04/05 Javascript
js 模拟气泡屏保效果代码
2010/07/10 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
2012/05/24 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
解决json日期格式问题的3种方法
2014/02/02 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
2014/02/27 Javascript
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
JAVA四种基本排序方法实例总结
2015/07/24 Javascript
使用JQuery在线制作ppt并在线演示源码特效
2015/09/08 Javascript
jQuery实现无限往下滚动效果代码
2016/04/16 Javascript
解析JavaScript中的字符串类型与字符编码支持
2016/06/24 Javascript
jQuery实现简单的tab标签页效果
2016/09/12 Javascript
ES6中Math对象新增的方法实例详解
2017/04/25 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
JavaScript实现旋转木马轮播图
2020/03/16 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
2020/04/08 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
Python爬取Coursera课程资源的详细过程
2014/11/04 Python
TensorFlow利用saver保存和提取参数的实例
2018/07/26 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
Django CBV与FBV原理及实例详解
2019/08/12 Python
tensorflow 实现自定义梯度反向传播代码
2020/02/10 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
NFL Game Pass欧洲:在线观看NFL比赛直播和点播,以高清质量播放
2018/08/30 全球购物
如何防止同一个帐户被多人同时登录
2013/08/01 面试题
党的群众路线教育实践活动查摆问题自查报告
2014/10/10 职场文书
教师个人考察材料
2014/12/16 职场文书
运动会100米加油稿
2015/07/21 职场文书
用几道面试题来看JavaScript执行机制
2021/04/30 Javascript