Bootstrap组件_进度条
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap组件_进度条
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>進度條</title><link rel="stylesheet" href="bootstrap.min.css">
</head>
<body><div class="container"><div class="progress"><div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="60"aria-valuemin="0" aria-valuemax="100" style="width:10%" ><!-- <span class="sr-only">60%</span> --><span>10%</span></div><div class="progress"><div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="60"aria-valuemin="0" aria-valuemax="100" style="width:40%" ><!-- <span class="sr-only">60%</span> --><span>40%</span></div><div class="progress"><div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="60"aria-valuemin="0" aria-valuemax="100" style="width:50%" ><!-- <span class="sr-only">60%</span> --><span>50%</span></div></div></div>
</body>
</html>
?
總結
以上是生活随笔為你收集整理的Bootstrap组件_进度条的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Bootstrap组件_警告框
- 下一篇： Bootstrap组件_媒体对象，列表组