在CSS中，有時候我們需要按照一定比例來填充一個區域的顏色，比如一個圓形進度條或者一個條形圖的柱子。這時，我們可以使用CSS中的一個很實用的技巧：按比例填充顏色。

具體實現方法如下：

.selector{
background: linear-gradient(to right, red 50%, yellow 50%);
background-size: 200% 100%;
background-position: right bottom;
}

上面的代碼中，“.selector”是要填充顏色的區域的選擇器，代碼中的線性漸變動畫從右到左分別設置了紅色和黃色的漸變色，并且講顏色均分為50%。最后，通過設置“background-size”為“200% 100%”，以及將“background-position”設置在“right bottom”，我們就完成了按比例填充顏色的效果。

需要注意的是，如果你想將顏色均分為n份，就需要在linear-gradient中設置n-1個顏色值，同時需要將“background-size”設置為n*100%。

在實際開發中，我們可以通過按比例填充顏色技巧來實現更加豐富的效果。比如，你可以實現一個具有動畫效果的進度條，或者一個顏色漸變的條形圖，這些效果都能借助按比例填充顏色實現。