html+css实现进度条效果

前端  /  管理员 发布于 5年前   646

<p style="padding: 1px;"> 
    <div class="Bar" style="position: relative;background: #F5E6DC;border-radius: 10px;
    margin-left: 5px;width: 90%;"> 
        <div style="display: block; position: relative;background:#FF8208;color: #333333;
        border-radius: 10px;height: 10px;line-height: 10px;width: 50%;"> 
            <span>80%</span> 
        </div> 
    </div> 
</p>

效果图：实现动态的话直接计算出百分百传进来就OK了