Html
    Css
    Js

    
                        
.progress-container {
	display:table;
	position:relative;
}
.progress-container .progress-box,.progress-container .progressbar-text {
	display:table-cell;
	vertical-align:middle;
}
.progress-container .progress-box {
	width:100%;
	height:5px;
	position:relative;
}
.progress-container .progress-box .progress-bar {
	height:inherit;
	background-color:#0078ff;
}
.progress-container .progress-box .progress-bar:after {
	content:" ";
	z-index:-1;
	width:100%;
	height:inherit;
	left:0;
	position:absolute;
	background-color:#E5E9F2;
}
.progress-container .progress-box .progress-bar,.progress-container .progress-box .progress-bar:after {
	-webkit-border-radius:50%;
	-moz-border-radius:999rem;
	border-radius:999rem;
}
.progress-container .progressbar-text {
	color:#475669;
	padding-left:10px;
}

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

纯css进度条

0