注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery+HTML5 SVG饼状图形进度条动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-07-09
jQuery+HTML5 SVG饼状图形进度条动画特效
这是一款基于jQuery+HTML5实现的可以在页面中渲染出带动画效果的SVG饼状图形,适合用于制作进度显示,加载进度等饼状图形进度条特效。


js代码

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/jquery-pie-loader.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		var rand = function() {
			return Math.floor((Math.random() * 100) + 1)
		  }

		  $('*[data-behavior="pie-chart"]').each(function() {
			$(this).svgPie({
			  percentage: rand()
			});

		  });
});
</script>