首页 / JQUERY / jQueryEasyUI教程-ProgressBar（进度条）

jQueryEasyUI教程-ProgressBar（进度条）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQueryEasyUI教程-ProgressBar（进度条），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1066字，纯文字阅读大概需要2分钟。

内容图文

jQuery EasyUI 教程-ProgressBar（进度条）这款组件在工作工程中是非常实用的，我们在前端开发的某项延续性工作的进展过程中为了不让用户觉得程序死掉了，需要有个活动的进度条，表示此过程正在进行中。

大家有没有对这款组件感兴趣呢？请看下文。

使用$.fn.progressbar.defaults重写默认值对象。

进度条提供了一个反馈显示一个长时间运行的操作进展。可以更新的进展条，让用户知道当前正在执行操作。

jQueryEasyUI教程-ProgressBar（进度条） - 文章图片

使用案例：

创建进度条

使用标签和Javascript两种方法创建进度条。

1、使用HTML标签或程序创建进度条组件。从标签创建更加简单，添加‘easyui-progressbar’类ID到<div/>标签。

<div id=”p” class=”easyui-progressbar” data-options=”value:60″ style=”width:400px;”></div>

2、使用Javascript创建进度条。

<div id=”p” style=”width:400px;”></div>
$(‘#p’).progressbar({
value: 60
});

获取值和设置值

获取当前值和设置一个新的值到进度条控件。

var value = $(‘#p’).progressbar(‘getValue’);
if (value < 100){
value += Math.floor(Math.random() * 10);
$(‘#p’).progressbar(‘setValue’, value);
}

属性：

jQueryEasyUI教程-ProgressBar（进度条） - 文章图片


事件：

jQueryEasyUI教程-ProgressBar（进度条） - 文章图片

方法：

jQueryEasyUI教程-ProgressBar（进度条） - 文章图片

以上就是jQuery EasyUI 教程-ProgressBar（进度条）的内容，更多相关内容请关注PHP中文网（www.gxlcms.com）！

内容总结

以上是互联网集市为您收集整理的jQueryEasyUI教程-ProgressBar（进度条）全部内容，希望文章能够帮你解决jQueryEasyUI教程-ProgressBar（进度条）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/303683.html

来源：【匿名】