懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

jQuery网页进度条插件代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-06-14
多款彩色样式可设置百分比,颜色,高度,长度,圆形形状等属性的jQuery网页进度条插件代码。


js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jquery.lineProgressbar.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$('#progressbar1').LineProgressbar({
		percentage: 50
	});
	$('#progressbar2').LineProgressbar({
		percentage: 25,
		fillBackgroundColor: '#1abc9c'
	});
	$('#progressbar3').LineProgressbar({
	  percentage: 61,
	  fillBackgroundColor: '#e67e22',
	  height: '35px'
	});
	$('#progressbar4').LineProgressbar({
	  percentage: 78,
	  fillBackgroundColor: '#f1c40f',
	  height: '65px',
	  radius: '50px'
	});
})
</script>