使用svg實現一個半圓圓角進度條

文章目錄 前言 一個圓 調整 添加進度效果 參考 前言 在使用echarts環形圖實現半圓進度條的過程當中，遇到一個究極蛋疼的問題，這個進度條須要是一個圓角的，可是目前echarts對圓角的支持並不完善（只支持平角和尖角，尖角的實現請看：使用echarts實現多重環形圖） 所幸的是，UI對於進度條的的要求並不嚴格，既然這樣的話，咱們能夠使用svg本身畫出一個理想中的圓角進度條 先來看看效果： 效果

>>阅读原文<<