Как мне создать круговой индикатор выполнения, который я могу изменить общую сумму со 100% на любое другое значение?

Question

Я хотел бы показать индикатор выполнения, который может представлять такие значения, как 10/100, 2/5, 50/60 ... и так далее. До сих пор все, что я нахожу, обычно являются индикатором прогресса, где итог всегда равен 100%. таким образом, размещение примерно 110 из 200 не будет отображаться должным образом в индикаторе выполнения, установленном на 100%. Надеюсь, я правильно объясняю проблему.

У меня не так много кода, чтобы ответить на этот вопрос, но я нашел пример кода ручки, который хотел бы использовать, но, как я уже говорил, он достигает только 100%.

вот ссылка на перо: https://codepen.io/curdwithraisins/pen/aOGEBX

Answer 1

Я разбудил вашу ссылку на Codepen, чтобы она соответствовала вашим требованиям.

Передайте текущий процент и общее процентное значение в функцию progressBar.

Пример: progressBar(10,200);

Я надеюсь, что это решит вашу проблему: https://codepen.io/sheikzm/pen/BeyXpz