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 相关文章推荐
JavaScript实现禁止后退的方法
Dec 27 Javascript
jQuery创建自己的插件(自定义插件)的方法
Jun 10 Javascript
jquery中实现简单的tabs插件功能的代码
Mar 02 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
Jan 15 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
Sep 18 Javascript
Javascript 实现图片无缝滚动
Dec 19 Javascript
JavaScript中实现依赖注入的思路分享
Jan 15 Javascript
js实现卡片式项目管理界面UI设计效果
Dec 08 Javascript
js简单倒计时实现代码
Apr 30 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
Jun 12 Javascript
js实现滑动滑块验证登录
Jul 24 Javascript
微信小程序APP的生命周期及页面的生命周期
Apr 19 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
PHP个人网站架设连环讲(一)
2006/10/09 PHP
常用的php对象类型判断
2008/08/27 PHP
PHP 字符串编码截取函数(兼容utf-8和gb2312)
2009/05/02 PHP
php获取一定范围内取N个不重复的随机数
2016/05/28 PHP
yii2高级应用之自定义组件实现全局使用图片上传功能的方法
2016/10/08 PHP
Zend Framework框架中实现Ajax的方法示例
2017/06/27 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
Javascript实现div层渐隐效果的方法
2015/05/30 Javascript
js获取url传值的方法
2015/12/18 Javascript
使用JavaScript实现弹出层效果的简单实例
2016/05/31 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
AngularJS基础 ng-dblclick 指令用法
2016/08/01 Javascript
javascript循环链表之约瑟夫环的实现方法
2017/01/16 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
JS实现换肤功能的方法实例详解
2019/01/30 Javascript
微信小程序制作表格的方法
2019/02/14 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
恢复百度云盘本地误删的文件脚本(简单方法)
2017/10/21 Python
python3+PyQt5实现支持多线程的页面索引器应用程序
2018/04/20 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
python matplotlib 画dataframe的时间序列图实例
2019/11/20 Python
pycharm无法导入本地模块的解决方式
2020/02/12 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
Sunglasses Shop英国:欧洲领先的太阳镜在线供应商之一
2018/09/19 全球购物
轻松制作精彩视频:Animoto
2018/09/19 全球购物
大学生毕业自我鉴定范文
2013/11/03 职场文书
关爱女孩行动实施方案
2014/03/13 职场文书
计算机专业求职信
2014/06/02 职场文书
群众路线自查报告及整改措施
2014/11/04 职场文书
导游词之西安大清真寺
2019/12/17 职场文书
Spring Boot 排除某个类加载注入IOC的操作
2021/08/02 Java/Android
分享3个非常实用的 Python 模块
2022/03/03 Python
「海贼王」112.9万粉丝纪念图标公布
2022/03/21 日漫