LoftLoader is a small but powerful preloader plugin to add fun and unique preloader animation to your WordPress website.

Main Features :

Unlimited colors to fit your brand.

Stay sharp, high quality, and super fast. Built with pure CSS3 animations.

Upload and animate custom images. Loading, rotating, bouncing and rolling. Make every bit of your site enjoyable and memorable.

Beautiful on any devices.

Easy to edit and live preview. With enhanced and elegant setting panel.

Flexible and controllable. Loader animation, progress bar, or counting percentage, choose any one, or mix.

Add more user-friendly effects, and impress your visitors from the first sight.

Display

    Turn on or off preloader.
    Choose to show on global site, or all pages.
    Display on homepage only.
    Show it to visitors once per session.
    Choose to hide loader for selected types: products, portfolios, etc.
    Choose to only show loader for selected post types: products, portfolios, etc. (New Feature)
    Handpick, turn it on for specific pages or posts.
    Manually exclude selected pages/posts (for “Sitewide” and “All Pages”)

Loader

    Display or hide the loader.
    19 animations to choose.
    6 support custom images.
    Choose any color.
    Animation loops forever, or just once (ends after page has loaded).
    Use custom HTML as the loader (new feature added in v2.2.2)

Background

    Solid or transparent.
    Unlimited background color.
    13 transition effects when ending: fade, split horizontally/vertically, slide to left, slide to right, slide up, slide down, shrink & fade, split & reveal vertically, split & reveal horizontally, or split diagonally (please see more information about split diagonally animations).
    Opacity control. Lower the opacity to let visitors see through.
    Gradient background color.
    Background Image: Repeating pattern, or a full image.
    New feature added in version 2.2: when using background image, users can choose to upload a separate background image for mobile devices.

Progress

    Show or hide progress indicator.
    Choose progress bar, counting percentage, or both.
    Set position. Top, middle, bottom, or below the loader.
    Choose any color for it.
    Adjust width and height of progress bar.
    Choose one from Google fonts, change font size, weight, and letter spacing for percentage.
    Put percentage behind animation, create unique design.

Custom Welcome Message

    Display custom welcome/loading message.
    Change font size of text.
    Choose any color for text.
    Set position. Top, bottom, or before the progress indicator.
    Google font, font weight, and letter spacing settings.
    Random Message – Check the example (New Feature).

Load Time

    Set Minimum load time, so prevent the pre-loader from disappearing too fast.
    Set Maximum load time to force the pre-loader to disappear after x seconds (new feature added in v2.2).

Devices Control
Choose to show the loading screen:

    On all devices.
    Or hide on mobile.
    Or show on mobile only.

Smooth Page Transition (New Feature)

One click to enable/disable Smooth Page Transition. The loading screen background will appear when leaves a page. Check the demo for this feature.

With the “Additional Display Option” of this feature, the loading screen can be displayed only when leaving the current page (after clicking an internal link).
Different loaders on different pages

Enable Any Page Extension in the new Advanced section, then you can export loader shortcodes and add it to any page to display different loaders on different pages. (You may like to read the documentation for more details.)

Since LoftLoader Pro v2.0, now you can add different loaders for your posts and custom post types, such as portfolios, products, etc.

Detect Elements (New Feature)
Since v2.0, now LoftLoader Pro can detect loading for different elements:

    Detect when the browser stops loading
    Detect Images
    Detect Videos
    Detect Image & Videos

(Please note: LoftLoader Pro will check videos from YouTube & Vimeo, and video from Media Library. Other video resources cannot be detected right now.)
Where to save styles
Choose to save customize styles of your loading screen as inline styles in <head>, or as an external .css file.
Update soon

    More options for custom brand image.
    More fun and meaningful animations.
    More options for loader.
    More options for background.
    More options for progress.