CSS или jQuery/JavaScript Oval/Rounded Square Progress Bar

Я довольно долго искал пример, но может ли кто-нибудь предложить какие-либо шаги или лучший способ реализовать следующий индикатор выполнения здесь?

Это, по существу, квадратная дорожка с закругленными краями, движущимися в направлении против часовой стрелки, откуда красная область (индикатор выполнения краснеет). Я видел некоторые радиальные примеры CSS/jQuery, но они похожи, но не подходят для цели относительно формы. Центральное пространство будет иметь процентную площадь.

Будем очень благодарны за любые советы о том, с чего начать с этого.

С уважением,

1 ответ

Я понял, что могу использовать HTML Canvas для этого, мне просто нужно его оживить.

licensed under cc by-sa 3.0 with attribution.