Bootstrap: Быстрое создание современных сайтов - страница 18
Шрифт
Интервал
Info Label
Warning Label
Danger Label
Bootstrap Progress Bars
Bootstrap обеспечивает горизонтальный индикатор с помощью конструкции:
Здесь класс. sr-only обеспечивает информацию для людей с ограниченными возможностями.
Визуальное заполнение индикатора обеспечивает атрибут style=«width:70%».
С помощью Javascript заполнение индикатора меняется следующим образом:
$('.progress-bar’).css (’width’, value+'%').attr (’aria-valuenow’, value);
Дополнительно классы. progress-bar-success,.progress-bar-info,.progress-bar-warning,.progress-bar-danger изменяют цвет заполнения индикатора.