Description

PageLoader is a wildly customizable loading screen and progress bar plugin for WordPress. Add it to your theme as a simple preloader or make use of it as a full-blown branding tool; the incredibly easy to use customization tools allow for both. PageLoader is a fantastically lightweight and unobtrusive preloader that makes an instant impression on your visitors.

Features and functionality

Loading icon

• Choose from 10 included animated icons
• Position icon anywhere on the screen
• Freely change icon animation speed, size and colors
• Add blur and fade effects
• Optionally hide icon entirely

Loading image

• Upload image or enter image URL
• Position image anywhere on the screen
• Add pulsating animation and control animation speed
• Add blur and fade effects

Background

• Fade or slide animations (control direction, scaling, animation speed)
• Optionally enable smooth page transitions (the loading screen appears the moment a link is clicked)
  • Set up any combination of appearance/disappearance animations. For example:
    • the loading screen fades into view but slides to the bottom of the screen out of view
    • the loading screen slides in from the left and slides out to the right
    • etc.
  • Optionally disable website content animation for preload
• Customize background color
• Add secondary background color for fade animation (speed control included)
• Use secondary background color for background gradient (can be animated, animation speed customizable)
• Customize background color transparency for see-through effect
• Upload background image (set as pattern or full size)
• Customize background image transparency for see-through effect

Layered Background

• Optionally enable smooth page transitions (the loading screen appears the moment a link is clicked)
  • Set up any combination of appearance/disappearance animations. For example:
    • the loading screen slides into view from the top and slides to the bottom of the screen out of view
    • the loading screen slides in from the left and slides out to the top
    • etc.
  • Optionally disable website content animation for preload
• Customize background colors

Progress bar

• Place anywhere on the screen
• Customize bar width, thickness, roundness
• Optionally display full screen
• Customize bar and bar background colors (gradient option also available)
• Optionally disable on touch devices
• Optionally disable all other elements and display the progress bar only
• Optionally disable progress bar altogether

Loading messages

• Position anywhere on the screen
• Enter up to 5 loading texts, to be shown at random on each page load
• Customize loading text color
• Customize font size
• Use theme font

Close function safeguard

• If loading takes too long, a helpful message with a close function appears. This comes handy if something prevents a page from finishing loading (unresponsive embedded content from a third-party, for example).
• Set custom appearance timing
• Enter custom text
• Customize text and background colors
• Customize button corner roundness
• Use theme font

Post-load website content animation

• Target entire site body or specific elements only (a blog post’s title and content, for example)
• Customize animation speed
• Customize slide-in animation direction and distance
• Customize scaling animation
• Customize opacity of element(s) the animation is applied to

Other options

• Display anything you’d like on the loading screen through the included unstyled widget location
• Display only once per browser session
• Set custom delay for loading screen disappearance
• Disable loader on specific posts/pages
• Show loading screen on touch devices only
• Show loader on homepage only (great for welcome screen behavior)