进度条

最新推荐文章于 2025-07-06 12:57:01 发布

原创最新推荐文章于 2025-07-06 12:57:01 发布 · 173 阅读

0 ·

CC 4.0 BY-SA版权

html/css 专栏收录该内容

25 篇文章

订阅专栏

<div class="xfs-bar">
   <div class="finish" style="width: 80%"></div>
</div>
// 进度条
.xfs-bar {
    height: 8px;
    width: 180px;
    background: #EBEBEB;
    position: relative;
    top: 4px;
    border-radius: 100px;
    .finish {
        position: absolute;
        height: 100%;
        width: 0%;
        background: #50B4FF;
        border-radius: 100px;
    }
}