Preloader line!

How do I make a simple preloader line that shows (or mimics) the progress of my page loading? Just one line that lengthens from 0% to 100% for intance.

I made some test preloader interactions, but don’t know how to make one that starts When page starts loading and ends When page finishes loading
Now I just have a slogan there on a black background that dissappears when Page finishes loading.


Here is my public share link:
https://preview.webflow.com/preview/namoi?utm_medium=preview_link&utm_source=dashboard&utm_content=namoi&preview=7fb8b43a84918091b66492d06ccdbb80&mode=preview

Thank you,
Seppo