jQuery圆角渐变进度条特效

js代码

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/progress.js"></script>
	<script type="text/javascript">
		$('#progress-container').initData({
			height: 10,
			percent: 0
		})
		var mPercent = 0
		setInterval(function(){
			if (mPercent >= 100) {
				mPercent = 0
			}
			mPercent = (mPercent * 10 + 1) / 10
			mAutoPlay($('#progress-container'), mPercent, { height: 10 })
		}, 20)
		$('#progress-container1').initData({
			height: 10,
			percent: 100,
			bgStartColor: 'green',
			bgEndColor: 'red'
		})
		$('#progress-container2').initData({
			height: 6,
			percent: 80,
			isAuto: true
		})
		$('#progress-container3').initData({
			height: 10,
			percent: 75,
			bgStartColor: '#1989fa',
			bgEndColor: '#1989fa'
		})
	</script>