Preloader

Show a logo and progress bar over a full-screen overlay on first load, then slide the overlay away once loading completes.

Trigger:
Page load.

Initial state:
Overlay: covers the full viewport, opacity: 1
Bar: width 0%

Animation:
The bar fills from 0% to 100% while the logo sits centered on the overlay; once the bar completes, the overlay slides upward and off-screen, revealing the page underneath.

Final state:
Overlay: off-screen above the viewport
Page content: fully visible

Timing:
duration: 1.2–1.8s for the fill, then 0.5–0.6s for the overlay slide-away, easing: ease-out. Play once on load.