JQMeter进度条动态加载演示

最新推荐文章于 2021-08-18 20:42:33 发布

dodo_man

最新推荐文章于 2021-08-18 20:42:33 发布

阅读量806

点赞数 2

分类专栏： java极速入门

本文链接：https://blog.csdn.net/qq_38741971/article/details/89792945

版权

本文详细介绍了如何使用JQMeter实现进度条的动态加载效果。首先，需要一个空div作为容器。接着引入JQuery和jqmeter.min.js文件。然后初始化插件并设置参数，如总长度、动画时间和计数时间。最后，文章提到JQMeter的更多参数选项，并鼓励读者通过关注和点赞支持作者。

摘要由CSDN通过智能技术生成

一、构建html(仅需要一个空的div即可)

<div id="jqmeter-container"></div>

二、引入文件

JQmeter依赖于JQuery，所以引用文件的时候一定要先引入JQuery

<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jqmeter.min.js"></script>

jqmeter.min.js

下述代码直接创建命名为jqmeter.min.js,然后直接ctrl+a拷贝所有代码即可使用。

/*

Title:		jQMeter: a jQuery Progress Meter Plugin
Author:		Gerardo Larios
Version:	0.1.2
Website:	http://www.gerardolarios.com/plugins-and-tools/jqmeter
License: 	Dual licensed under the MIT and GPL licenses.

*/

!function(e){e.fn.extend({jQMeter:function(t){t&&"object"==typeof t&am