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中的sortable排序之后的保存状态的解决方法
Jan 28 Javascript
jQuery的cookie插件实现保存用户登陆信息
Apr 15 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
JS实现图片高亮展示效果实例
Nov 24 Javascript
JavaScript的Number对象的toString()方法
Dec 18 Javascript
AngularJS中的DOM操作用法分析
Nov 04 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
Feb 10 Javascript
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
node和vue实现商城用户地址模块
Dec 05 Javascript
JS原型与继承操作示例
May 09 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中cookie和session的区别及cookie和session用法小结
2016/06/12 PHP
PHP操作redis实现的分页列表,新增,删除功能封装类与用法示例
2018/08/04 PHP
phpinfo的知识点总结
2019/10/10 PHP
JQuery之拖拽插件实现代码
2011/04/14 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
2013/08/05 Javascript
jquery 简单应用示例总结
2013/08/09 Javascript
jQuery如何取id有.的值一般的方法是取不到的
2014/04/18 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
2016/11/21 Javascript
nodejs multer实现文件上传与下载
2017/05/10 NodeJs
vue子组件使用自定义事件向父组件传递数据
2017/05/27 Javascript
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
微信小程序实现折叠与展开文章功能
2018/06/12 Javascript
微信小程序画布圆形进度条显示效果
2020/11/17 Javascript
详解vue.js下引入百度地图jsApi的两种方法
2018/07/27 Javascript
在Vue组件中获取全局的点击事件方法
2018/09/06 Javascript
对angular4子路由&amp;辅助路由详解
2018/10/09 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
2020/04/09 Javascript
JavaScript ES6 Class类实现原理详解
2020/05/08 Javascript
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
2020/07/22 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
[02:15]2015国际邀请赛选手档案IG.Ferrari 430
2015/07/30 DOTA
Python使用正则表达式实现文本替换的方法
2017/04/18 Python
解决python报错MemoryError的问题
2018/06/26 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
Quiksilver荷兰官方网站:冲浪和滑雪板
2019/11/16 全球购物
个人简历自我评价
2014/02/02 职场文书
家具促销活动方案
2014/02/16 职场文书
小学三好学生事迹材料
2014/08/15 职场文书
纪律教育月活动总结
2014/08/26 职场文书
2015大学生入党个人自传
2015/06/26 职场文书
幼师必备:幼儿园期末教师评语50条
2019/11/01 职场文书
Nginx工作原理和优化总结。
2021/04/02 Servers