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中的window.event.keyCode使用介绍
Apr 26 Javascript
使用JavaScript动态设置样式实现代码及演示动画
Jan 25 Javascript
javascript生成json数据简单示例分享
Feb 14 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
Sep 23 Javascript
JavaScript判断对象是否为数组
Dec 22 Javascript
理解JavaScript表单的基础知识
Jan 25 Javascript
JS中作用域和变量提升(hoisting)的深入理解
Oct 31 Javascript
js cookie实现记住密码功能
Jan 17 Javascript
JavaScript之class继承_动力节点Java学院整理
Jul 03 Javascript
微信小程序实现tab页面切换功能
Jul 13 Javascript
探索JavaScript中私有成员的相关知识
Jun 13 Javascript
Nuxt配置Element-UI按需引入的操作方法
Jul 06 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与javascript对多项选择的处理
2006/10/09 PHP
网站加速 PHP 缓冲的免费实现方法
2006/10/09 PHP
php中的strpos使用示例
2014/02/27 PHP
TNC vs BOOM BO3 第三场2.13
2021/03/10 DOTA
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
javascript实现简单的Map示例介绍
2013/12/23 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
js限制checkbox选中个数以限制六个为例
2014/07/15 Javascript
js计算任意值之间随机数的方法
2015/01/16 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
Javascript数组Array方法解读
2016/03/13 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
2016/11/29 Javascript
webpack开发跨域问题解决办法
2017/08/03 Javascript
vue axios 表单提交上传图片的实例
2018/03/16 Javascript
Vue 动态设置路由参数的案例分析
2018/04/24 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
2018/05/02 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
2018/09/20 Javascript
详解ES6 系列之异步处理实战
2018/10/26 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
python使用socket进行简单网络连接的方法
2015/04/29 Python
Python实现比较两个文件夹中代码变化的方法
2015/07/10 Python
python开发简易版在线音乐播放器
2017/03/03 Python
python和flask中返回JSON数据的方法
2018/03/26 Python
对python 匹配字符串开头和结尾的方法详解
2018/10/27 Python
selenium3+python3环境搭建教程图解
2018/12/07 Python
Python3 合并二叉树的实现
2019/09/30 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
中邮全球便购:中国邮政速递物流
2017/03/04 全球购物
Foot Locker德国官方网站:美国运动服和鞋类零售商
2018/11/01 全球购物
伦敦一卡通:The London Pass
2018/11/30 全球购物
医科学校毕业生自荐信
2013/11/09 职场文书
销售工作岗位职责
2013/12/24 职场文书
社区平安建设方案
2014/05/25 职场文书
2014年小学班主任工作总结
2014/11/08 职场文书
党员转正申请报告
2015/05/15 职场文书
债务纠纷起诉书
2015/05/20 职场文书