Bootstrap 5 Высота прогресса

Bootstrap 5 Progress Height используется для установки высоты индикатора выполнения. Чтобы установить высоту индикатора выполнения, мы установим значение свойства height класса .progress.

Используемый класс высоты прогресса:

• .progress: это оболочка, которая указывает максимальное значение индикатора выполнения.
• .progress-bar: используется во внутреннем div для индикации прогресса индикатора выполнения.

Примечание. Чтобы установить высоту индикатора выполнения, мы добавим свойство height в класс-оболочку .progress.

Синтаксис:

<div class="progress" style="height: value">
      <div class="progress-bar" 
          role="progressbar" 
          ...
      ></div>
</div>

Пример 1. В этом примере мы будем использовать свойство height для установки высоты индикатора выполнения.

Выход:

Пример 2. В этом примере мы будем использовать свойство height для установки высоты цветного индикатора выполнения.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/components/progress/#height