CSS3是一個十分強大的樣式表語言，它可以實現許多令人驚訝的效果，其中一種就是進度有黃邊效果。

如果你想給你的網站添加一個有黃邊的進度效果，那么你需要使用CSS3的一些新特性，比如：漸變背景、陰影、圓角等。下面是一段樣式代碼，讓我們一起來看一下吧：

.progress {
background: linear-gradient(to right, #fff, #fff 50%, #fdd835 50%);
box-shadow: inset 0 0 0 2px #fdd835;
border-radius: 4px;
height: 10px;
position: relative;
}
.progress::before {
content: "";
display: block;
background: #fdd835;
height: 10px;
border-radius: 4px;
position: absolute;
left: 0;
top: 0;
width: 50%;
z-index: -1;
}

以上代碼是創建一個進度條的樣式代碼，其中值得注意的是，我們使用了漸變背景和陰影來給進度條添加黃邊效果。同時，我們也使用了偽元素::before來表示進度條已完成的部分，再加上圓角屬性的運用，進度條看起來更加美觀。

在HTML中，只需使用以下代碼就能使用這個進度條樣式:

<div class="progress"></div>

這樣就完成了一個進度有黃邊效果的樣式，是不是非常簡單呢！