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>

上一篇HTML常用网站

下一篇bootscript响应式开发

本文作者：youget

本文链接：https://www.cnblogs.com/youget/p/17306671.html

posted @ 2022-05-10 15:27 有搞头阅读(24) 评论(0) 编辑收藏举报来源

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· HTML5 CC

· HTML前期准备

· 进度条，使用中的

· 纯css做进度条

· 进度条样例

阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· .NET10 - 预览版1新功能体验（一）

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>