Как сделать анимацию заполнения контура ⇐ CSS

[Anonymous]

Я пытался сделать что-то вроде анимации предварительной загрузки этого сайта. Я попробовал чат gpt, но он дал мне что-то странное, вместо заполнения SVG он просто поставил черный квадрат поверх него.
в идеале анимация должна длиться около 2–3 секунд, я был довольно близок к ее получению. но переполнение стека не позволяет мне опубликовать свою попытку, потому что у меня непропорциональный объем кода.
У меня есть SVG прямо здесь:


































































































Подробнее здесь: https://stackoverflow.com/questions/783 ... ing-filled