Я работаю над сайтом, который использует множество циферблатов разных размеров и стилей.Они используются в качестве индикаторов прогресса, поэтому чем больше заполнен циферблат, тем ближе к 100% завершен этот элемент.
Я ищу кросс-браузерное абстрактное решение, чтобы использовать то же решениечерез циферблаты разного стиля.Я бы использовал Google Charts API, но, к сожалению, его шкалы не дают необходимой степени настройки.Например, вот несколько изображений:
![enter image description here](https://i.stack.imgur.com/2xBIR.png)
![enter image description here](https://i.stack.imgur.com/7WgU0.png)
Функциональность будет такой же, но, как вы можете видеть, они 'Это разные измерения.
Я пробовал решение с библиотекой JavaScript Raphaël, но не смог найти способ замаскировать полное изображение, чтобы показать сегменты от 0 до 100%.Изображение по умолчанию серое, полное изображение - зеленое, которое вы видите выше.Мне нужно показывать значения от 0 до 100.
Буду признателен за любую помощь или руководство.