Jump to content
Search Community

Preloader screen

Musharraf test
Moderator Tag

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

 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. 
https://ihatetomatoes.net/create-custom-preloading-screen/ 

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.
×
×
  • Create New...