bootstrap4中怎么設(shè)置進(jìn)度條

發(fā)布時(shí)間：2021-07-23 14:20:38 來源：億速云閱讀：132 作者：Leah 欄目：開發(fā)技術(shù)

bootstrap4中怎么設(shè)置進(jìn)度條，針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡單易行的方法。

進(jìn)度條基本用法

主要依賴.progress和.progress-bar

aria-valuenow表示當(dāng)前值

aria-valuemin表示最小值

aria-valuemax表示最大值

width:60%表示當(dāng)前進(jìn)度條位置

進(jìn)度條可以顯示用戶任務(wù)的完成過程。

創(chuàng)建一個(gè)基本的進(jìn)度條的步驟如下：

添加一個(gè)帶有 .progress 類的 <div>。

接著，在上面的 <div> 內(nèi)，添加一個(gè)帶有 class .progress-bar 的空的 <div>。

添加一個(gè)帶有百分比表示的寬度的 style 屬性，例如 style="width:70%" 表示進(jìn)度條在 70% 的位置。

實(shí)例：

<div class="progress">  <div class="progress-bar" style="width:70%"></div></div>

關(guān)于bootstrap4中怎么設(shè)置進(jìn)度條問題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

向AI問一下細(xì)節(jié)

猜你喜歡