Html
    Css
    Js


.up {
	width:300px;
	height:30px;
	line-height:30px;
	border:1px solid #ccc;
}
.content {
	width:0px;
	text-align:center;
	background:red;
}
.button {
	margin-top:10px;
}
.down {
	width:150px;
	height:150px;
	margin-left:30%;
	margin-top:10%;
	border:1px solid #ccc;
	visibility:hidden;
}
.active {
	visibility:visible;
}

↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

原生js进度条动画

注释详细,可自行阅读

0