嘗試風格的進度條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; 
} 

當我執行，它離開像邊框底部裏面progress-灰色酒吧。 如何將其刪除？

Answer 1

只要給box-shadow: none;到.progress-bar

Working Fiddle

Answer 2

引導程序默認設置爲box-shadow，因此您必須手動刪除它。請參閱：https://jsfiddle.net/1003ottc/

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