Индивидуальный цвет для начальной загрузки

Question

Есть ли возможность изменить цвет индикатора выполнения на любое значение, указанное в hex?

Цвета вариантов (например, «успех», «опасность») не соответствуют нашим спецификациям, поэтому мне нужно указать свой собственный цвет для прогресса, как это: #01A688.

Iуже пытался управлять через css, но безуспешно.

Заранее спасибо за помощь.

Answer 1

Все, что вам нужно сделать, это предоставить более конкретное правило, ориентированное на цвет фона индикатора выполнения.

body{padding: 4rem;}

.progress .progress-bar{background: #01A688;}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">


<div class="progress">
  <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>