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控制滚动条缓慢滚动到顶部实现代码
Mar 20 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
被遗忘的javascript的slice() 方法
Apr 20 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
Jan 25 Javascript
自己动手制作基于jQuery的Web页面加载进度条插件
Jun 03 Javascript
JS中事件冒泡和事件捕获介绍
Dec 13 Javascript
使用vue制作FullPage页面滚动效果
Aug 21 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
May 23 Javascript
Vue.js添加组件操作示例
Jun 13 Javascript
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
Aug 31 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
第三节 定义一个类 [3]
2006/10/09 PHP
PHP新手上路(十三)
2006/10/09 PHP
PHP中array_map与array_column之间的关系分析
2014/08/19 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
PHP自定义多进制的方法
2016/11/03 PHP
PDO::setAttribute讲解
2019/01/29 PHP
深入理解JavaScript系列(6) 强大的原型和原型链
2012/01/15 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
js实现图片在未加载完成前显示加载中字样
2014/09/03 Javascript
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
2015/01/29 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
node.js 动态执行脚本
2016/06/02 Javascript
vue子父组件通信的实现代码
2017/07/09 Javascript
Vue组件开发技巧总结
2018/03/04 Javascript
Layui多选只有最后一个值的解决方法
2019/09/02 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
[02:43]2014DOTA2国际邀请赛 官方Alliance战队纪录片
2014/07/14 DOTA
Python实现全局变量的两个解决方法
2014/07/03 Python
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
python字符串拼接+和join的区别详解
2020/12/03 Python
商务英语本科生的自我评价分享
2013/11/15 职场文书
高级工程师岗位职责
2013/12/15 职场文书
五十岁生日宴会答谢词
2014/01/15 职场文书
农村婚庆司仪主持词
2014/03/15 职场文书
生产工厂门卫岗位职责
2014/09/26 职场文书
升职自荐信范文
2015/03/27 职场文书
责任书范本大全
2015/05/11 职场文书
休假证明书
2015/06/24 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书
2019年汽车租赁合同范本!
2019/08/12 职场文书
spring IOC容器的Bean管理XML自动装配过程
2022/05/30 Java/Android
MySQL约束(创建表时的各种条件说明)
2022/06/21 MySQL