插件描述:LineProgressbar.js是一款最简单的jquery进度条插件。通过LineProgressbar.js可以创建带动画效果的线性进度条,你可以配置进度条的颜色,高度,圆角等属性
LineProgressbar.js是一款最简单的jquery进度条插件。通过LineProgressbar.js可以创建带动画效果的线性进度条,你可以配置进度条的颜色,高度,圆角等属性。
使用方法
在页面中引入jquery.lineProgressbar.css和jquery.lineProgressbar.js文件.
使用一个
在页面DOM元素加载完毕之后,通过下LineProgressbar()方法来初始化该jquery进度条插件。$('#progressbar1').LineProgressbar();
LineProgressbar.js进度条插件的可用配置参数有:
参数
定义进度条的宽度。类型默认值描述
percentageintnull定义进度条的百分比数。
ShowProgressCountbooleantrue定义是否显示百分比数值。
durationint1000定义进度条动画的速度。默认为1000毫秒。可以使用整数值孟获关键字:slow或fast。
fillBackgroundColorstring'#3498db'定义进度条的背景填充色。
backgroundColorstring'#EEEEEE'定义进度条的背景色。
radiusstring'0px'定义进度条的圆角。
heightstring'10px'定义进度条的高度。
widthstring'100%'