用于“填充”图像而不是普通圆圈的量表/图表

Question

我正在尝试创建一个圆环图/仪表，它说明了一定数量的东西。该值将随着时间的推移而增加，直到在某个时刻它的完整/完整

然而，复杂性不仅仅是一个普通的圆形/圆环形状，我想说明随着值的增加填充的圆形图案。

下面是一个填充到25％的高级仪表的示例。

Fiddle Example

See Fiddle Example

以下是我试图实现的效果图片（基于Shutterstock的随机设计）。

用SVG绘制这个是最好的方法吗，还是有更好的方法？

由于