1、通过图片，将不同状态的效果分成不同的图片。 2、div+css也可以实现类似的效果。

html+css这种条装该怎么写

这种属于步骤条了吧。
好久没写样式了，花了三分钟搞了下，不推荐用图片的方式。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    .step{
        /* background-color: azure; */
        height: 100px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .step-circle{
        width: 58px;
        height: 58px;
        border-radius: 30px;
        background-color: #f0f3f5;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        position: relative;
    }
    .step-circle::before{
        content: "";
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        width: 48px;
        height: 48px;
        /* background-color: #495a75; */
        background-color: #fff;
        border-radius: 48px;
    }
    .step-circle>span{
        position: relative;
        z-index: 2;
        color: #495a75;
    }
    .between{
        width: 428px;
        height: 18px;
        background-color: #f0f3f5;
        margin: 0 -3px;
    }
    .currnet>span{
        color: #5dbcac;
    }
    .currnet::before{
        background-color: #495a75;
    }
    </style>
</head>
<body>
    <div class="step">
        <div class="step-circle currnet">
            <span>1</span>
        </div>
        <div class="between"></div>
        <div class="step-circle">
            <span>2</span>
        </div>
        <div class="between"></div>
        <div class="step-circle">
            <span>3</span>
        </div>
    </div>
</body>
</html>

html+css这种条装该怎么写

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？