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 相关文章推荐
日期 时间js控件
May 07 Javascript
9个javascript语法高亮插件 推荐
Jul 18 Javascript
50个比较实用jQuery代码段
Sep 18 Javascript
javascript实现带节日和农历的日历特效
Feb 01 Javascript
js上传图片及预览功能实例分析
Apr 24 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
Jan 28 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
Feb 22 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
JS非空验证及邮箱验证的实例
Aug 11 Javascript
jqGrid表格底部汇总、合计行footerrow处理
Aug 21 Javascript
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
Apr 03 Javascript
Html5生成验证码的示例代码
May 10 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
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
php准确计算复活节日期的方法
2015/04/18 PHP
Javascript基础教程之JavaScript语法
2015/01/18 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
2015/03/10 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
学习使用AngularJS文件上传控件
2016/02/16 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
javascript insertAfter()定义与用法示例
2016/07/25 Javascript
javascript回到顶部特效
2016/07/30 Javascript
AngularJS实现Input格式化的方法
2016/11/07 Javascript
jquery,js简单实现类似Angular.js双向绑定
2017/01/13 Javascript
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
2017/03/08 Javascript
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
2017/07/21 Javascript
JS库之Highlight.js的用法详解
2017/09/13 Javascript
Angular使用动态加载组件方法实现Dialog的示例
2018/05/11 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
2018/11/30 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
2019/10/23 Javascript
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
2020/08/03 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
2020/11/09 Javascript
跟老齐学Python之复习if语句
2014/10/02 Python
Python调用C语言开发的共享库方法实例
2015/03/18 Python
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
使用python对多个txt文件中的数据进行筛选的方法
2019/07/10 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
Django和Ueditor自定义存储上传文件的文件名
2021/02/25 Python
介绍一下Ruby的多线程处理
2013/02/01 面试题
结婚典礼证婚词
2014/01/11 职场文书
安卓程序员求职信
2014/02/28 职场文书
口才训练演讲稿范文
2014/09/16 职场文书
党员个人剖析材料(四风问题)
2014/10/07 职场文书
军训决心书范文
2015/09/22 职场文书
2019最新激励员工口号大全!
2019/06/28 职场文书
导游词之台湾阿里山
2019/10/23 职场文书
《传颂之物 虚伪的假面》BD发售宣传CM公开
2022/04/04 日漫