html进度条

进度条

<!DOCTYPE html>
<html>
<head>
    <title>进度条</title>

    <style>

        .bar{
            display:inline-block;
            width: 130px;
            height: 10px;
            border: 1px solid #b1191a;
            vertical-align: middle;
            margin: 0 5px;
            border-radius: 5px;
        }


        .bar_in{
            width:50%;
            height:10px;
            background-color: #f24349;
        }
    </style>
</head>
<body>
        <div class="jdt">
            <div class="bar">
                <div class="bar_in">

                </div>
            </div>
        </div>
</body>
</html>
posted @ 2022-05-10 15:27  有搞头  阅读(37)  评论(0)    收藏  举报  来源