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 相关文章推荐
Add Formatted Text to a Word Document
Jun 15 Javascript
jQuery检查事件是否触发的方法
Jun 26 Javascript
javascript中alert()与console.log()的区别
Aug 26 Javascript
Knockoutjs 学习系列(二)花式捆绑
Jun 07 Javascript
微信小程序 教程之列表渲染
Oct 18 Javascript
详解React-Todos入门例子
Nov 08 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
微信小程序之滚动视图容器的实现方法
Sep 26 Javascript
js判断传入时间和当前时间大小实例(超简单)
Jan 11 Javascript
vue 组件的封装之基于axios的ajax请求方法
Aug 11 Javascript
js canvas实现星空连线背景特效
Nov 01 Javascript
原生JS中应该禁止出现的写法
May 05 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
ThinkPHP的Widget扩展实例
2014/06/19 PHP
CI(Codeigniter)的Setting增强配置类实例
2016/01/06 PHP
JavaScript的Function详细
2006/11/14 Javascript
短信提示使用 特效
2007/01/19 Javascript
javascript最常用与实用的创建类的代码
2010/08/12 Javascript
JQuery 选择和过滤方法代码总结
2010/11/19 Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
2011/05/12 Javascript
jQuery UI AutoComplete 使用说明
2011/06/20 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
2014/12/04 Javascript
JavaScript获取页面中表单(form)数量的方法
2015/04/03 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
2015/04/05 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
2016/06/09 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
2018/03/01 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
使用form-create动态生成vue自定义组件和嵌套表单组件
2019/01/18 Javascript
ES6 如何改变JS内置行为的代理与反射
2019/02/11 Javascript
微信小程序云开发之使用云存储
2019/05/17 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
2019/10/16 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
vue缓存之keep-alive的理解和应用详解
2020/11/02 Javascript
使用python编写监听端
2018/04/12 Python
Python 实现在文件中的每一行添加一个逗号
2018/04/29 Python
Python实现的旋转数组功能算法示例
2019/02/23 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
python中图像通道分离与合并实例
2020/01/17 Python
Python tkinter界面实现历史天气查询的示例代码
2020/08/23 Python
Origins悦木之源英国官网:雅诗兰黛集团高端植物护肤品牌
2017/11/06 全球购物
澳大利亚领先的美容护肤品零售商之一:SkincareStore
2018/01/22 全球购物
英国地毯卖家:The Rug Seller
2019/07/18 全球购物
英国亚马逊官方网站:Amazon.co.uk
2019/08/09 全球购物
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
巴西24小时在线药房:Drogasil
2020/06/20 全球购物
《恐龙》教学反思
2014/04/27 职场文书
董事长秘书工作总结
2015/08/14 职场文书