在網頁設計中，經常會用到將比例以圓圈的形式呈現出來的功能。這時，我們可以使用HTML中的<svg>標簽來完成。下面就是一個使用<svg>標簽實現圓圈比例的代碼示例：

<svg viewBox="0 0 36 36" class="circular-chart">
<path class="circle-bg" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831"/>
<path class="circle" stroke-dasharray="80, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831"/>
<text x="18" y="20.35" class="percentage">80%</text>
</svg>

在上面的代碼中，我們使用了<path>標簽來繪制圓圈的邊框和填充色，使用<text>標簽來顯示圓圈內的百分比。同時，我們為<svg>標簽添加了class="circular-chart"的屬性，方便通過CSS來設置圓圈的樣式。例如，我們可以在CSS中為.circle-bg和.circle設置不同的顏色和邊框寬度，以達到不同的視覺效果。