這種的話一般都是直接用框架帶的了

自定義的話代碼會(huì)非常復(fù)雜，推薦使用框架，找到你需要的內(nèi)容，把相關(guān)的類(lèi)帶進(jìn)去就好，類(lèi)的樣式已經(jīng)幫你寫(xiě)好了，而百分比應(yīng)該可以通過(guò)改變width來(lái)實(shí)現(xiàn)。你可以試試bootstrap框架，里面進(jìn)度條我是套用過(guò)的，面餅圖應(yīng)該也在里面。

如果是進(jìn)度條，一條線，四種顏色也簡(jiǎn)單，但是你這個(gè)不是。需要復(fù)雜處理，畫(huà)圖。