bootstrap4如何設定進度條

bootstrap元件在前端開發中常會用到，今天本文跟大家分享bootstrap元件之進度條的基本用法，需要的朋友參考下吧

進度條基本用法（推薦學習：Bootstrap影片教學）

主要依賴.progress和.progress-bar

##aria-valuenow表示目前值

aria-valuemin表示最小值

aria-valuemax表示最大值

width:60%表示當前進度條位置

進度條可以顯示使用者任務的完成過程。

建立一個基本的進度條的步驟如下：

新增一個帶有 .progress 類別的

。

接著，在上面的

內，增加一個帶有 class .progress-bar 的空的

。

加入一個以百分比表示的寬度的 style 屬性，例如 style="width:70%" 表示進度條在 70% 的位置。

實例：

<div>
  <div></div>
</div>

更多Bootstrap相關技術文章，請造訪

Bootstrap教學欄位進行學習！

以上是bootstrap4如何設定進度條的詳細內容。更多資訊請關注PHP中文網其他相關文章！