Html
    Css
    Js

    
                        
.child {
	width:100%;
	height:500px;
}
.child:first-child {
	background:red;
}
.child:nth-child(2) {
	background:green;
}
.child:nth-child(3) {
	background:black;
}
.child:nth-child(4) {
	background:purple;
}
.child:last-child {
	background:blue;
}
.bg-progress {
	width:100%;
	position:fixed;
	height:5px;
	top:0;
}
.progressBar {
	width:0;
	height:100%;
	background:yellow;
}
.footer {
	height:800px;
}

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

滚动列表显示进度条

简单的进度条demo

0