js圆环进度条，svg兼容ie7 -六月初技术站

js圆环进度条，svg兼容ie7

六月初 JavaScipt 2018-12-25 22:57:07

JS实现圆环进度条，兼容IE低版本！

完整代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery.min.js"></script>
		<script src="cycle.js"></script>
		<script src="raphael.js"></script>
	</head>
	<body>
		<style>
			.processingbar{
				font-size: 30px;
				line-height: 200px;
				height: 200px;
				width: 200px;
				text-align: center;
				position: relative;
				overflow: hidden;
				float: left;
				margin-left: 10px;
			}
			.processingbar font{
				position: absolute;
				left: 0;
				line-height: 200px;
				height: 200px;
				width: 200px;
				text-align: center;
			}
		</style>
		<div id="processingbar1" class="processingbar"><font>90%</font></div>
		<div id="processingbar2" class="processingbar"><font>50%</font></div>
		<script>
			$(function() {
				var c1 = $('#processingbar1');
				animateEle(c1,200,"#f49f35");
				var c2 = $('#processingbar2');
				animateEle(c2,200,"#F00");
			});
		</script>
	</body>
</html>