在手機端開發中，經常需要使用到統計圖表，其中的圓形統計圖在展示數據時尤為直觀明了。而使用CSS3樣式可以輕松實現手機端的圓形統計圖效果。

// 定義圓的直徑
.circle {
width: 100px;
height: 100px;
}
// 設置背景色為半透明
.circle:before {
content: "";
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
/* 圖表顏色 */
background-color: rgba(0, 0, 0, 0.2);
}
// 設置圓的填充比例
.circle:after {
content: "";
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
/* 進度條顏色 */
background-color: #f00;
position: absolute;
top: 0; left: 0;
clip: rect(0, 50px, 100px, 0);
}

以上代碼設置了一個直徑為100px的圓形統計圖，將圓形分為兩部分：背景和前景。背景使用半透明顏色表示整個圓形統計的比例大小，前景則表示統計圖中某一項的數量占比，可以通過修改clip屬性來控制填充比例。

使用CSS3樣式實現圓形統計圖，不僅簡潔方便，而且界面效果也比較美觀，非常適合在移動端使用。