进度条，使用中的

<style type="text/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}

</style>

<script type="text/javascript">
        function loading(num) {

            var targelem_b = document.getElementById('bar');
            var targelem_p = document.getElementById('progress');
            var targelem_pb = document.getElementById('progress-bar');

            targelem_b.style.width = num+"%";
 
        }
     
</script>


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


<%   dim i:i=1:do while not Rs.eof  %>
<% width = i/rs.recordcount*100 %>
<% Response.Write("<script language=""javascript""> loading("&width&");</script>") %>
<% i=i+1:Rs.movenext:loop%>

标签：进度条,targelem,6px,width,radius,使用,progress,border
来源： https://www.cnblogs.com/juices/p/16540452.html