Как сделать данный preload page?

Question

[by_ultra]

Всем добрейшего дня.
Может кто-то сталкивался с подобными страницами предварительной загрузки ?
Как правильно реализовать вращение данного круга?



Буду очень благодарен за любую информацию.

Comments

[Александр]

можно так https://codepen.io/jo-asakura/pen/stFHi
но лучше бы в svg всё отрисовать если версия ie позволяет

[by_ultra]

Александр, Спасибо, а как быть с вращением ?
Может тоже есть какая-то заготовка ?

[Александр]

ну скриптом дальше css свойства меняете и прогресс растет, как-то так примерно:

document.querySelector('.left-side.half-circle').style.transform = 'rotate(150deg)'

[imko]

через @keyframes и tranform: rotate

Answer 1

[Rsa97]