Круглый прогресс бар под IE9/10?

Question

[beDenz]

Здравствуйте!
Подкиньте идей, как делали прогресс бар во времена IE 9/10:
SVG мимо, нет поддержки, canvas - возможно, но тяжеловат, вариант с маской - возможно, но это жуткий костыль.
Может я чего то упускаю.

Comments

[Lynn «Кофеман»]

А кто сказал что его делали?
Ну и вообще-то SVG как раз там есть.

[beDenz]

Алексей Тен, статика есть, а вот анимация не поддерживается даже ie11

[Lynn «Кофеман»]

В те времена анимация мало кого волновала. Да и сейчас она часто используется не для польза, а «потому что могу»

[beDenz]

Moon Presence, я бы с удовольствием

[Тарас Шульга]

Кто вас держит в плену? Зачем ie в 2020?)

[Lynn «Кофеман»]

Moon Presence, в меру

Ещё любители «красоты любой ценой» часто забывают, что IE9 скорее всего означает старую винду и слабый (по современным меркам) комп в которой они радостно запихают три мегабайта JS кода для эмуляции анимации.

Answer 1

[Владислав Долмат]

<div class="progress-container">
    <div class="progress-bar"></div>
</div>

попробуйте так.

У progress-container делаем определённую длину.
У progress-bar делаем style="переменная %", т.е. делаем так, чтобы progress-bar имела длину в "ваше кол-во" процентов.
Надеюсь, понятно разъяснил..

Comments

[beDenz]

мне кажется, что вы говорите про линейный прогресс-бар, а речь была про круглый

[Владислав Долмат]

beDenz, А, ну в таком случае я вам уже не помощник(

[beDenz]

Владислав Долмат, спасибо, но я уже наколхозил свой вариант) не супер изящно - зато работает