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中字符串替换函数replace()方法与c# 、vb 替换有一点不同
Jun 25 Javascript
jquery 查找新建元素代码
Jul 06 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
Javascript之Number对象介绍
Jun 07 Javascript
利用babel将es6语法转es5的简单示例
Dec 01 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
Dec 20 Javascript
用POSTMAN发送JSON格式的POST请求示例
Sep 04 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
May 02 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
May 03 Javascript
原生js通过一行代码实现简易轮播图
Jun 05 Javascript
在layui下对元素进行事件绑定的实例
Sep 06 Javascript
vue项目中js-cookie的使用存储token操作
Nov 13 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 不同编码下的字符串长度区分
2009/09/26 PHP
php设计模式 Prototype (原型模式)代码
2011/06/26 PHP
php隐藏IP地址后两位显示为星号的方法
2014/11/21 PHP
php获取一定范围内取N个不重复的随机数
2016/05/28 PHP
extjs 学习笔记 四 带分页的grid
2009/10/20 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
2013/01/23 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
如何使用HTML5地理位置定位功能
2015/04/27 Javascript
在Node.js应用中使用Redis的方法简介
2015/06/24 Javascript
jQuery垂直多级导航菜单代码分享
2015/08/18 Javascript
vue.js绑定class和style样式(6)
2016/12/09 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
2017/01/04 Javascript
js仿小米手机上下滑动效果
2017/02/05 Javascript
jquery实现全选、全不选以及单选功能
2017/03/23 jQuery
详解vue.js2.0父组件点击触发子组件方法
2017/05/10 Javascript
详解Windows下安装Nodejs步骤
2017/05/18 NodeJs
js类的继承定义与用法分析
2019/06/21 Javascript
ES6中的Javascript解构的实现
2020/10/30 Javascript
Python 实现简单的电话本功能
2015/08/09 Python
python搭建虚拟环境的步骤详解
2016/09/27 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
Python调用系统底层API播放wav文件的方法
2017/08/11 Python
详解opencv Python特征检测及K-最近邻匹配
2019/01/21 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
python判断链表是否有环的实例代码
2020/01/31 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
Python pymsql模块的使用
2020/09/07 Python
html+css实现自定义图片上传按钮功能
2019/09/04 HTML / CSS
荷兰在线体育用品商店:Avantisport.nl
2018/07/04 全球购物
寄语学生的话
2014/04/10 职场文书
群众路线领导班子四风对照检查材料
2014/09/27 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
利用Apache Common将java对象池化的问题
2022/06/16 Servers