Bootstrap 5 Метки прогресса

Опубликовано: 17 Февраля, 2023

Метки выполнения Bootstrap 5 используются для отображения хода выполнения процесса на компьютере. Он показывает, какая часть процесса завершена и сколько осталось. Вы можете добавить метку прогресса на веб-страницу, используя предопределенные классы начальной загрузки. Bootstrap предоставляет множество типов меток прогресса.

Bootstrap 5 Класс меток прогресса: такого предопределенного класса для меток прогресса не существует, хотя метка может быть включена путем добавления метки с объявлением класса индикатора выполнения .

Синтаксис:

<div class="progress">
    <div class="progress-bar">Progress Labels</div>
</div>

Примеры ниже иллюстрируют метки прогресса Bootstrap 5.
Пример 1: В следующем примере демонстрируется использование меток прогресса в Bootstrap 5.

Выход:

Пример 2: Это еще один пример, демонстрирующий использование нескольких цветных меток прогресса в Bootstrap 5.

Выход:

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