html+css实现进度条效果

管理员 发布于 6年前   377
<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了

1.png

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

该博客于2020-12-7日,后端基于go语言的beego框架开发
前端页面使用Bootstrap可视化布局系统自动生成

是我仿的原来我的TP5框架写的博客,比较粗糙,底下是入口
侯体宗的博客

      订阅博客周刊

文章标签

友情链接

HouTiZong
侯体宗的博客
© 2020 zongscan.com
版权所有ICP证 : 粤ICP备20027696号
PHP交流群
侯体宗的博客