Html
    Css
    Js

    
                        
.progress {
	width:600px;
	height:10px;
	border:1px solid #ccc;
	border-radius:10px;
	margin:10px 0px;
	overflow:hidden;
}
/* 初始状态设置进度条宽度为0px */
.progress > div {
	width:0px;
	height:100%;
	background-color:yellowgreen;
	transition:all .3s ease;
}

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

jquery上传进度条

0