开发者社区> 天伟> 正文

jQuery EasyUI API 中文文档 - 进度条

2012-03-19 844

简介： ProgressBar 进度条  用$.fn.progressbar.defaults重写defaults。 依赖 none 用法示例 创建ProgressBar ProgressBar能够从html标记创建或者编程创建。
+关注继续查看
ProgressBar 进度条

 

用$.fn.progressbar.defaults重写defaults。

依赖

  • none

用法示例

创建ProgressBar

ProgressBar能够从html标记创建或者编程创建。从标记创建更容易些，把 'easyui-progressbar' 类加入到<div/>标记。

1. <div id="p" class="easyui-progressbar" style="width:400px;"></div> 

获取或者设置值

我们获取当前值并且给这个组件设置一个新值。

1. var value = $('#p').progressbar('getValue');  

2. if (value < 100){  

3.     value += Math.floor(Math.random() * 10);  

4.     $('#p').progressbar('setValue', value);  

5. } 

特性

名称

类型

说明

默认值

width

string

设置progressbar的宽度。

auto

value

number

百分比值。

0

text

string

显示在组件上的文字的模板。

{value}%

事件

名称

参数

说明

onChange

newValue,oldValue

当值改变的时候触发。

方法

名称

参数

说明

options

none

返回options对象。

resize

width

调整组件尺寸。

getValue

none

返回当前的进度值。

setValue

value

设置一个新的进度值。

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

JavaScript API
API jquery jQuery easyui EasyUI jquery jQuery进度条 API中文文档
开发者社区 > 开发与运维 > 文章
云迁移中心
作者高分内容
更多
我的博客即将入驻“云栖社区”，诚邀技术同仁一同入驻。 952 Spring Mvc Url和参数名称忽略大小写 4331 原在成万网备案平台备案怎么找回用户名密码 2696 Idea Maven 建本地仓库-导入本地JAR包 2401 ECS涨价了吗，现在看最低配的也要一个月90多了 2742
相关文章
+关注
天伟
一个普通程序员
文章
问答
作者高分内容
更多
我的博客即将入驻“云栖社区”，诚邀技术同仁一同入驻。 952 Spring Mvc Url和参数名称忽略大小写 4331 原在成万网备案平台备案怎么找回用户名密码 2696 Idea Maven 建本地仓库-导入本地JAR包 2401 ECS涨价了吗，现在看最低配的也要一个月90多了 2742
文章排行榜
最热
最新
1 C生万物 | 操作符汇总大全【庖丁解牛，精细讲解】 95721
2 Spring源码分析之循环依赖及解决方案（一） 93272
3 重识Flutter 非常用Slivers组件速览 - part3 84050
4 无缝切换？从Vue到React 81219
5 fastjson2为什么这么快 74313
6 JVM（Java虚拟机）详解（JVM 内存模型、堆、GC、直接内存、性能调优） 67932
7 Spark+Celeborn：更快，更稳，更弹性 66689
8 Meetup 报名丨 共话云原生架构升级，微服务x容器开源 Meetup 北京站来啦！ 64329
9 CVPR2021 | 视觉推理解释框架VRX：用结构化视觉概念作为解释网络推理逻辑的「语言」 63309
10 结构化总结与结构化思考之《金字塔原理》总结 56112
11 实现人机协同高稳定性，阿里云5G专网IoT方案入选工信部优秀解决方案 53923
12 IoT设备的数据格式ProtoBuf转JSON 41036
13 重构的核心-让代码保持整洁 40227
14 【Linux】-- 开发工具yum、vim、gcc、g++、gdb、make、makefile使用介绍（一） 39745
15 IoT设备数据业务价值洞察实践 37810
16 【C++修炼之路】类和对象（中）—— 筑基篇 37093
17 Hive数据倾斜的原因以及常用解决方案 33009
18 高并发编程之阻塞队列 32536
19 Spring 事务【隔离级别与传播机制】 30298
20 性能优化之使用vue-worker插件（基于Web Worker）开启多线程运算提高效率 29320
1 官宣｜Apache Flink 1.17 发布公告 186
2 基于阿里云eRDMA的GPU实例大幅提升多机训练性能 118
3 基于阿里云弹性GPU服务的神龙AI加速引擎，无缝提升AI训练性能 110
4 重构计算，驱动视界：阿里云视觉计算思考与实践 112
5 全新升级｜ECS成熟度评估与洞察，助你精准定位运维风险 64
6 网络平台挑选实名制认证API接口的注意事项 73
7 vika维格表 x 阿里云计算巢：SaaS 云端私有化部署，助力企业数字化转型 252
8 为什么 C# 可能是最好的第一编程语言 136
9 Airwallex 基于 Flink 打造实时风控系统 93
10 IoT小程序在展示中央空调采集数据和实时运行状态上的应用 22811
11 应对网络不可靠挑战，用 OpenYurt 实现边缘业务连续性 8076
12 Meta2032开发功能丨Meta2032系统开发（开发详细）丨Meta2032系统源码部署 58
13 技术一号位的方法论《个人篇》——人成长的本质以及如何构建个人成长路线图 5453
14 企业如何申请短信接口服务 138
15 JVM学习.02 内存分配和回收策略 4759
16 5分钟构建API接口服务 | python小知识 6818
17 流批一体在 AI 核心电商领域的探索与实践 161
18 JAVA实战：如何让单元测试覆盖率达到80%甚至以上 60
19 Linux线程同步与互斥（一） 4957
20 云起实验室《喜迎新春体验福利大放送》中奖名单&问答 77
相关课程
更多
jQuery开发教程
15990
43
去学习
使用API扩展应用功能
1399
2
去学习
jQuery UI 速成
589
53
去学习
体验-K8S API 基础及Pod 基本应用
844
1
去学习
Vue.js 入门与实战
18671
86
去学习
Vue.js完全自学手册图文教程
6228
13
去学习
推荐文章
参与OCR文档自学习产品评测，赢Airpods 2 参与云效代码管理Codeup评测，赢Redmi Watch 3 参与IoT小程序框架评测，赢CHERRY机械键盘 乘风者计划邀您入驻社区，精彩权益即刻享
相关电子书
更多
CUDA Math API
立即下载
阿里云 API 精选手册（Alibaba Cloud API Playbook）
立即下载
重保场景及API安全指南
立即下载