Изменить фоновое изображение бутстрапа progress bar

Я пытаюсь добавить фоновое изображение в мой индикатор выполнения в бутстрапе. Это возможно? Мой HTML является:Изменить фоновое изображение бутстрапа progress bar

<div class="progress" style="margin-top:3%;"> 
<div class="progress-bar" role="progressbar" aria-valuenow="70" 
aria-valuemin="0" aria-valuemax="100" style="width:70%; 
background-image:url(scribble.png);"> 
<span class="sr-only">70% Complete</span> 
</div> 
</div>

источник

2015-11-23 Trevor Judice

[Связанный, но не дублированный] (http://stackoverflow.com/questions/9952446/how-to-change-the-color-of-a-bootstrap-twitter-progress-bar-at-runtime) и [ это] (http://stackoverflow.com/questions/26219670/how-can-i-change-color-of-bootstrap-progress-bar-with-custom-color). – Huey

Использование CSS для изменения .progress и .progressBar классы.

<style> 
.progress { 
     margin-top: 3%; 
     background-color: rgba(32,127,225,.6); 
} 
.progress-bar { 
     width: 70%; 
     background-image:url(scribble.png) 
} 
</style>

Избегайте встроенного стиля атрибутов, потому что они делают его очень трудно поддерживать код.

источник

2015-11-23 01:03:44 user2182349

Извините, моя вина. У меня был неправильный код. Проверить снова. Я хочу изменить фоновое изображение на scribble.png –

'.progressBar' должно быть' .progress-bar' – DavidG

@DavidG - Спасибо, я обновил ответ. – user2182349

Изменить фоновое изображение бутстрапа progress bar

ответ

Смежные вопросы