- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>进度条</title>
- <link rel="stylesheet" href="../libs/bootstrap-3.3.7/css/bootstrap.css">
- </head>
- <body>
- <div class="container" style="width: 600px">
- <p>默认的进度条</p>
- <div class="progress">
- <div class="progress-bar" aria-valuenow="40" aria-valuemax="100" aria-valuemin="0" style="width:40%;">
- </div>
- </div>
- </div>
- </body>
- </html> 默认进度条颜色是蓝色,如果想改为红色如下即可:
- <!doctype html>
- <html lang="en">
- <head>
进度条样式实现
最新推荐文章于 2024-08-17 22:24:13 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)