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 相关文章推荐
How to Auto Include a Javascript File
Feb 02 Javascript
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
Apr 20 Javascript
让回调函数 showResponse 也带上参数的代码
Aug 13 Javascript
JS判断是否长按某一键的方法
Mar 02 Javascript
AngularJs Managing Service Dependencies详解
Sep 02 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
Jan 04 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
Aug 23 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
Jun 17 Javascript
js动态获取时间的方法分析
Aug 02 Javascript
Vue实现图片轮播组件思路及实例解析
May 11 Javascript
小程序瀑布流组件实现翻页与图片懒加载
May 19 Javascript
ES11新增的这9个新特性,你都掌握了吗
Oct 15 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实现单链表的实例代码
2013/03/22 PHP
php实现连接access数据库并转txt写入的方法
2017/02/08 PHP
数组任意位置插入元素,删除特定元素的实例
2017/03/02 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
如何用ajax来创建一个XMLHttpRequest对象
2012/12/10 Javascript
jQuery实现的数值范围range2dslider选取插件特效多款代码分享
2015/08/27 Javascript
javascript实现状态栏中文字动态显示的方法
2015/10/20 Javascript
JS锚点的设置与使用方法
2016/09/05 Javascript
vue.js 获取当前自定义属性值
2017/06/01 Javascript
浅谈通过JS拦截 pushState和replaceState事件
2017/07/21 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
JS运动特效之同时运动实现方法分析
2018/01/24 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
2018/11/19 Javascript
jQuery实现网页拼图游戏
2020/04/22 jQuery
JavaScript 九种跨域方式实现原理
2019/02/11 Javascript
java和js实现的洗牌小程序
2019/09/30 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
2020/02/07 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
2020/07/20 Javascript
Python提示[Errno 32]Broken pipe导致线程crash错误解决方法
2014/11/19 Python
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
简单了解Django模板的使用
2017/12/20 Python
在Python中增加和插入元素的示例
2018/11/01 Python
django admin后台添加导出excel功能示例代码
2019/05/15 Python
python模块常用用法实例详解
2019/10/17 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
keras.layer.input()用法说明
2020/06/16 Python
python使用bs4爬取boss直聘静态页面
2020/10/10 Python
HTML5中的autofocus(自动聚焦)属性介绍
2014/04/23 HTML / CSS
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
个人简历求职信范文
2015/03/20 职场文书
信用卡催款律师函
2015/05/27 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
爱国主义影片观后感
2015/06/18 职场文书
2016新年年会主持词
2015/07/06 职场文书
Jupyter notebook 输出部分显示不全的解决方案
2021/04/24 Python