Haytham Preloaded 10

About this Component

Create a bold fullscreen loading experience with animated progress, responsive typography, and four customizable color stages.

Haytham Color Loader introduces your website with animated loading text, a fluid 0–100 counter, and a progress fill that shifts through four color combinations before revealing the page with a smooth upward transition.

Perfect For

Creative portfolios Agency websites Fashion and editorial sites Photography websites Landing pages Premium digital experiences

Key Features

Fullscreen animated preloader Responsive 0–100 progress counter Four customizable color stages Animated loading and completion text Smooth upward page reveal Typography controls Adjustable timing and spacing Viewport or component coverage Advanced scroll-lock controls Optional visible scrollbar while locked Unlock on reveal, on completion, or allow scrolling Responsive across desktop, tablet, and mobile No code required

How It Works

The loader progresses from 0 to 100 through four color stages. Near completion, the loading label changes to your completion text, the interface fades, and the loader slides upward to reveal the page underneath.

Important Notes

Use Viewport coverage for a true full-screen preloader. Scroll-lock controls apply in Viewport mode.

Customization Options

Customize text, fonts, counter sizing, margins, status width, progress duration, start delay, reveal speed, color stages, coverage, scroll-lock timing, scrollbar visibility, and layer order.

Questions? Reach out at hasanwali6890@gmail.com

Refund Policy

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.