пытаются стилизовать прогресс бар bootstrap3

Question

я хочу, чтобы стиль прогресса в bootstrap3 как этот

<div class="progress"> 
    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria- valuemin="0" aria-valuemax="100" style="width: 60%;"> 
     <span class="sr-only">60% Complete</span> 
    </div> 
</div> 

CSS:

.progress { 
    border:solid yellow; 
    border-radius: 30px; 
} 
.progress-bar{ 
    background-color: yellow; 
} 

, когда я казнен, он оставил, как границы снизу серым цветом внутри Прогресса- бар. как его удалить?

Answer 1

Просто дайте box-shadow: none; к .progress-bar

Working Fiddle

Answer 2

Bootstrap устанавливает box-shadow по умолчанию, поэтому вам нужно удалить его вручную. См: https://jsfiddle.net/1003ottc/

.progress{ 
    border:solid yellow; 
    border-radius: 30px; 
    box-shadow: none; 
} 
.progress-bar{ 
    background-color: yellow; 
    box-shadow: none; 
}