Streaming live at 10am (PST)

How to make circle around in page loader?


#1

Hello webflow,
con someone give me some link tutorial or advice how to make page loader like this (the circle that move around A)?

i’ve been searching all the course on webflow university and not find the exact result like the example of the gif above


Here is my public share link: LINK
(how to access public share link)


#2

Use a page load trigger set an interaction for when page starts loading.

  • Use this to overlay an absolute div with a color tint to hide the page behind
  • follow these instructions for adding an animated svg inside the absolute div

Use a page load trigger set an interaction for when page finishes loading.

  • Use this trigger to fade out or animate away the overlay div and svg

Hope that helps. Happy designing!


#3

Hi @matthewpmunger ,sorry for the late reply :pray:
i will try it, i think its gonna work

Thankyou so much for the advice… have a good day