场景

效果

属性

名称	类型	描述	默认值
width	string	设置进度条（progressbar）的宽度。	auto
height	number	组件的高度。该属性自版本 1.3.2 起可用。	22
value	number	百分比值。	0
text	string	显示在组件上的文本模板。	{value}%

事件

名称	参数	描述
onChange	newValue,oldValue	当值改变时触发。代码实例： $('#p').progressbar({ onChange: function(value){ alert(value) } });

名称

参数

描述

onChange

newValue,oldValue

当值改变时触发。
代码实例：

$('#p').progressbar({
onChange: function(value){
alert(value)
}
});

方法

名称	参数	描述
options	none	返回选项（options）对象。
resize	width	调整组件尺寸。代码实例： $('#p').progressbar('resize'); // 调整进度条为初始宽度 $('#p').progressbar('resize', 350); // 调整进度条为一个新的宽度
getValue	none	返回当前的进度值。
setValue	value	设置一个新的进度值。

实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>进度条</title><link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css"><link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css"><script type="text/javascript" src="/easyui/jquery.min.js"></script><script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<div id="p" class="easyui-progressbar" data-options="value:60" style="width:400px;"></div>
<input type="button" value="开始" onclick="start()">
<script type="text/javascript">function  start() {var value=$("#p").progressbar("getValue");$("#p").progressbar("setValue",value+10);}
</script>
</body>
</html>

EasyUI中进度条的简单使用相关推荐

Android中进度条控件使用
android中进度条控件使用 ProgressBar pb = findViewById(R.id.pb);pb.setMax(100);pb.setProgress(33); 转载于:https: ...
vue中进度条写法_vue实现简单loading进度条
jq进度条 0% $(function () { var html = $('.meter'); var htmlW = $('.meter').val(); var styleW = parseIn ...
安卓StepView事件进度条的简单实现
需求 1.竖向展示事件列表 2.每个事件包含详情内容时可进行展开折叠 3.默认展开最后一级别有内容的列表既然说简单实现.那么用RecyclerView实现吧 1.item布局,这里可以把一个个ite ...
MFC中进度条控件的使用方法
进度条控件是程序开发中基础控件之一,常用于显示程序的进度.在进行程序安装.文件传输时经常用到.其用法也比较简单固定. 转自:http://jingyan.baidu.com/article/95c9d ...
Android loading进度条使用简单总结
在这里,总结一下loading进度条的使用简单总结一下. 一.说起进度条,必须说说条形进度条,经常都会使用到嘛,特别是下载文件进度等等,还有像腾讯QQ安装进度条一样,有个进度总给人良好的用户体验. 先 ...
java excel进度条_导出excel 用easyui显示进度条(也适用于其他框架遮罩层，进度条)...
每次我们导出excel的时候 ,如果数据量很大,导出花费的时间会很长,页面却有没人任何反应,这个时候用户会认为系统有问题,要么关了页面,要么狂点导出.感知太差了~甚至用户误操作会导致服务器崩溃. 所以 ...
input加progress组合写进度条的简单音乐播放器实现
主要解释一下实现图中的音量进度条效果. 仅供大家参考,勿喷. 查阅了很多资料看了挺多人的代码,但是ajax对于我这个新手小白来说,可能还难以理解,因此分享一个本小白的方法. 本人编程小白,分享实现的方 ...
android 斑马线进度条,jQuery简单斑马线样式loading进度条动画特效
这是一款非常简单实用的jQuery斑马线样式loading进度条动画特效.该进度条特效通过简单的jQuery代码就完成了可控制的进度条动画特效.斑马线效果使用CSS3来完成,对不支持CSS3的浏览器可 ...
关于C# WinForm中进度条的实现方法
http://www.cnblogs.com/Sue_/articles/2024932.html 进度条是一个软件人性化考虑之一,他给用户的感觉就是程序内部在不停的动作,执行到了什么程度,而不是整个 ...

EasyUI中进度条的简单使用

场景

效果

属性

事件

方法

实现

EasyUI中进度条的简单使用相关推荐

最新文章

热门文章