Jump to content


Preloader screen

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi all i am wondering if some have time to help me out making this preloader animation

i am new to greensock and really stuck, help!

See the Pen mXYgQz by musharrafkhan (@musharrafkhan) on CodePen

Link to comment
Share on other sites

 Hello and welcome @Musharraf

I would love to help you, though I'm not sure what kind of help you need - that's a pretty complex example for a beginner. Please expand so we can help you better

See the Pen zWGpRa by tastysites (@tastysites) on CodePen

a very simple example of looped animation that can work as a preloader.

Here you will find some more info and nice comments. 

Preloaders can be very simple and the opposite, just try something small first.

If you need some help with learning GSAP, Petr does a nice job

Also, https://greensock.com/get-started-js should help you a million

Happy Tweening :)


BTW my question for anyone that can help me find some peace of mind: 
That (preloaders) topic is something strange, or maybe it's just me, but usually preloaders just fake loading ( do they? :) ), I'm curious myself is there any  secret ultimate answer how to make a preloader that actually displays the whole progress of page loading - like 50% on loader bar is 10 completed requests from 20? 

Had few attempts to find the answer but deeper I dig the more confused I am.
Shouldn't there be some native, obvious solution or we just need to download everything first and then we can fake the loader ;P? 
Any guidelines will be much appreciated!

Cheers ^_^  

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.