简单的jquery进度条插件LineProgressbar.js

查看演示立即下载

插件描述：LineProgressbar.js是一款最简单的jquery进度条插件。通过LineProgressbar.js可以创建带动画效果的线性进度条，你可以配置进度条的颜色，高度，圆角等属性

LineProgressbar.js是一款最简单的jquery进度条插件。通过LineProgressbar.js可以创建带动画效果的线性进度条，你可以配置进度条的颜色，高度，圆角等属性。

在页面中引入jquery.lineProgressbar.css和jquery.lineProgressbar.js文件.

<link rel="stylesheet" href="path/to/jquery.lineProgressbar.css">
<script src="path/to/js/circleMagic.js"></script>

使用一个<div>作为进度条的容器。

1	`<div` `id="progressbar1"></div>`

在页面DOM元素加载完毕之后，通过下LineProgressbar()方法来初始化该jquery进度条插件。

1	`$('#progressbar1').LineProgressbar();`

LineProgressbar.js进度条插件的可用配置参数有：

定义进度条的宽度。

类型	默认值	描述
percentage	int	null	定义进度条的百分比数。
ShowProgressCount	boolean	true	定义是否显示百分比数值。
duration	int	1000	定义进度条动画的速度。默认为1000毫秒。可以使用整数值孟获关键字：slow或fast。
fillBackgroundColor	string	'#3498db'	定义进度条的背景填充色。
backgroundColor	string	'#EEEEEE'	定义进度条的背景色。
radius	string	'0px'	定义进度条的圆角。
height	string	'10px'	定义进度条的高度。
width	string	'100%'

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com