进度条 loading

默认效果

圆角效果(追加radius类名)

其他颜色

HTML代码

<div class="progress"><div class="progress-bar"><span class="sr-only" style="width:25%"></span></div></div>

CSS代码

.progress,.progress-bar,.sr-only{height:10px; font-size:0;line-height:0}
.progress{overflow:hidden; width:400px;-khtml-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.progress-bar{width:100%;background-color:#efefef}
.sr-only{display:inline-block; background-color:#58b957}