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 选项卡效果(JS与HTML的分离)
Apr 01 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
JavaScript中的比较操作符&gt;、=、
Dec 31 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
由ReactJS的Hello world说开来
Jul 02 Javascript
快速解决js中window.location.href不工作的问题
Nov 02 Javascript
JSON对象转化为字符串详解
Aug 11 Javascript
vue小图标favicon不显示的解决方案
Sep 19 Javascript
Vue中插入HTML代码的方法
Sep 21 Javascript
IDEA安装vue插件图文详解
Sep 26 Javascript
基于JavaScript获取base64图片大小
Oct 18 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
Dec 12 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查询网站的PR值
2013/10/30 PHP
PHP中对各种加密算法、Hash算法的速度测试对比代码
2014/07/08 PHP
Json_encode防止汉字转义成unicode的方法
2016/02/25 PHP
提交表单后 PHP获取提交内容的实现方法
2016/05/25 PHP
PHP之图片上传类实例代码(加了缩略图)
2016/06/30 PHP
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
2010/03/02 Javascript
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
NodeJs中express框架的send()方法简介
2017/06/20 NodeJs
JS中把函数作为另一函数的参数传递方法(总结)
2017/06/28 Javascript
vue 2.0 购物车小球抛物线的示例代码
2018/02/01 Javascript
ES6与CommonJS中的模块处理的区别
2018/06/13 Javascript
JS执行控制之节流模式实例分析
2018/12/21 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
深入理解webpack process.env.NODE_ENV配置
2020/02/23 Javascript
解决js中的setInterval清空定时器不管用问题
2020/11/17 Javascript
[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海
2018/08/26 DOTA
Android应用开发中Action bar编写的入门教程
2016/02/26 Python
CentOS 7下安装Python3.6 及遇到的问题小结
2018/11/08 Python
Python饼状图的绘制实例
2019/01/15 Python
python使用参数对嵌套字典进行取值的方法
2019/04/26 Python
Python之指数与E记法的区别详解
2019/11/21 Python
使用Python合成图片的实现代码(图片添加个性化文本,图片上叠加其他图片)
2020/04/30 Python
Python模拟登录requests.Session应用详解
2020/11/17 Python
html5标记文字_动力节点Java学院整理
2017/07/11 HTML / CSS
Too Faced官网:美国知名彩妆品牌
2017/03/07 全球购物
新西兰最大的在线设计师眼镜店:SmartBuyGlasses新西兰
2017/10/20 全球购物
具有防紫外线功能的高性能钓鱼服装:Hook&Tackle
2018/08/16 全球购物
用JAVA SOCKET编程,读服务器几个字符,再写入本地显示
2012/11/25 面试题
公司活动邀请函
2014/01/24 职场文书
五年级语文教学反思
2014/01/30 职场文书
前厅收银主管岗位职责
2014/02/04 职场文书
初中国旗下的演讲稿
2014/08/28 职场文书
大学生入党积极分子党校学习思想汇报
2014/10/25 职场文书
关于长城的导游词
2015/01/30 职场文书
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs