进度条（未完成）

进度条（未完成）

可参考 http://www.pureweber.com/article/php-upload-progress/

 

<style type="text/css">
.per000{position:relative;width:400px;height:300px;background:#ccf;}
.per{position:absolute;width:100px;height:40px;left:0px;top:0px;background:#FFF;border:1px solid #aaa;}
.per-cur{position:absolute;width:90px;height:100%;left:0px;top:0px;background:#ccc;}
.per-txt{position:absolute;text-align:center;margin:auto;left:0;top:0;right:0;bottom:0;}
</style>
<h3>进度条</h3>
<div class="per000">
    <div class="per">
        <div class="per-cur"></div>
        <div class="per-txt">60%</div>
    </div>
</div>