简单的jquery进度条插件
源码介绍
LineProgressbar.js是一款最简单的jquery进度条插件。通过LineProgressbar.js可以创建带动画效果的线性进度条,你可以配置进度条的颜色,高度,圆角等属性。 在页面中引入jquery.lineProgressbar.css和jquery.lineProgressbar.js文件。 使用一个 在页面DOM元素加载完毕之后,通过下 LineProgressbar.js进度条插件的可用配置参数有: LineProgressbar.js进度条插件的github地址为:https://github.com/kingRayhan/LineProgressbar简要教程
使用方法
<link rel="stylesheet" href="path/to/jquery.lineProgressbar.css">
<script src="path/to/js/circleMagic.js"></script>
HTML结构
<div>
作为进度条的容器。
<div id="progressbar1"></div>
初始化插件
LineProgressbar()
方法来初始化该jquery进度条插件。
$('#progressbar1').LineProgressbar();
配置参数
参数
类型
默认值
描述
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%'
定义进度条的宽度。
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » 简单的jquery进度条插件
发表评论 取消回复