Preloader vs Animation Complète pre chargement (Créer un compte)

Bonjour,

J’ai une question qui me semble un peu compliqué.

Dans Elementor est permis le chargement d’un preloader, une petite animation qui s’active en attendant le chargement complet de la page.
La problématique que je rencontre, c’est que j’aimerais mettre une animation en preloading mais qui va au bout de son animation peu importe la vitesse de chargement.

La problématique du preloader classique est qu’elle s’arrêtera une fois le site chargé.
Si maintenant j’imagine mon animation entière comme faisant partis du design de mon site, comment faire ?

D’ailleurs comment sont fait les barre de chargement en pourcentage qui elle attendent la fin du chargement du site pour disparaître mais qui du coup s’adapte pour réaliser leur animation dans la totalité ?

Merci d’avance.