尝试风格的进度条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; 
}