<title>css3-进度条</title>
<style>
.bar {
width: 260px;
height: 13px;
border: 1px solid red;
border-radius: 8px;
padding: 1px;
margin: 0 auto;
}
.bar-1 {
width: 50%;
height: 100%;
background-color: red;
transition: all .7s;
}
.bar:hover .bar-1 {
width: 100%;
}
</style>
</head>
<body>
<div class="bar">
<div class="bar-1"></div>
</div>
</body>
css3过渡练习-进度条
于 2022-04-25 15:48:28 首次发布