JS实现动态进度条

进度条

HTML内容

<div class="wrapper">//外边框
			<div id="jd" class="first">//jd进度
			</div>
		</div>

css样式内容

	<style>
			.wrapper {
				width: 500px;
				height: 50px;
				border: 1px solid black;
				border-radius: 50px;
				margin: 0 auto;
				overflow: hidden;
			}

			.first {
				height: 50px;
				line-height: 50px;
				background-color: green;
				border-radius: 50px;
				position: relative;
				overflow: hidden;
				text-align: center;
			}
		</style>

js内容

<script>
			var width = 0;
			var timer;
			var _jd = document.getElementById("jd");//获取进