• 日期: 2024-08-26
  • 标签: 教育
<!DOCTYPE html>
<html>
  <head>
    <title>进度条设计</title>
    <style>
      .progress {
        background-color: #f2f2f2;
        border-radius: 5px;
        display: inline-block;
        height: 20px;
        width: 300px;
      }
      .bar {
        background-color: #4CAF50;
        border-radius: 5px;
        height: 100%;
        width: 0%;
        transition: width 0.5s ease-in-out;
      }
    </style>
  </head>
  <body>
    <div class="progress">
      <div class="bar" style="width:50%;"></div>
    </div>
  </body>
</html
用html和css设计一个进度条

原文地址: https://www.cveoy.top/t/topic/dxBI 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录