css实现进度条

<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<body>
<div style='width:60%;float:left;'>
<div style='width:100%;height:10px;border:1px solid #fc6600;border-radius:25px;background:#fc6600;float:left'></div>
<div style='width:auto;height:20px;border:1px solid #fc6600;background:white;color:#fc6600;border-radius:25px;margin-top:-5px;line-height:20px;text-align:center;overflow:visible;margin-left:58%;position:absolute;z-index:999''>&nbsp;&nbsp;20.20%&nbsp;&nbsp;</div></div>
<div style='width:38%;height:10px; background:#e7e7e7;border:1px solid #e7e7e7;border-radius:25px;float:left'></div>
</body>

</html>

实现效果:

猜你喜欢

转载自blog.csdn.net/swiftlinlei/article/details/79840000