Прелоадер на сайт SVG + CSS, без JS!

Привет! 

Есть логотип ч/б в SVG. Из него нужно сделать прелоадер на сайт.

В начале логотип на черном фоне в виде белого контура, в процессе загрузки страницы логотип плавно наполняется "водой", заполняя контур белым цветом, в итоге получается белый логотип-плашка на черном фоне. Под логотипом должен размещаться текст "ЗАГРУЗКА..." с любой симпатичной анимацией.

Проект должен быть выполнен на CSS, без использования JS и адаптирован под использование на Тильде (tilda.cc), а также под использование на ПК и мобильных устройствах.