Download PageLoader: Loading Screen and Progress Bar for WordPress

Download PageLoader: Loading Screen and Progress Bar for WordPress

PageLoader: Loading Screen and Progress Bar for WordPress - 1

PageLoader 2.0 intro
Features and customization details
Customer testimonials
Quick facts about Bonfire Themes

PageLoader is a tremendously customizable WordPress loading screen and progression bar plugin. Add it to your theme as a simple loader or make use of it as a full-blown branding tool; the incredibly easy to use customization tools allow for both (and then some!).

It’s a fantastically lightweight and unobtrusive way to make your website more memorable.

PageLoader has a strong development history. As the plugin continues to grow and evolve, customers will continue to reap the value benefits through continuous free updates. And, needless to say, our much-praised support makes for happy customers.


  • WordPress loading bar and loading screen plugin
  • Tremendously, easily customizable
  • Add to any theme
  • Actively developed
  • Customize with real-time previews (Live Customizer integration)
  • Very easy to use, just install-and-go
  • Very lightweight
  • WordPress Multisite compatible
  • Thoroughly tried and tested:
    • desktop, tablets, smartphones
    • iOS, Android, Windows devices
    • Chrome, Safari, Firefox, Edge, Internet Explorer, Opera
  • Proven author with customer-praised support
  • Lifetime free updates


  • Loading/progress bar:
    • Optionally disable
    • Customize placement (top or bottom of screen, or below loading icon/image)
    • Customize bar thickness, width and padding
    • 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 slide/fade in loading elements upon loading screen appearance
  • Loading icon/image:
    • Use one of 10 included icons or..
    • ..upload your own loading image or enter image URL (animated or static)
    • Add custom ALT text
    • Customize icon color
    • Customize icon size (4 settings)
    • Apply animations to loading icon/image:
      • Rotating animation (clockwise or counterclockwise)
      • Fade-in/out pulsing animation
      • 4 animation speeds (slow, medium, fast, disabled)
      • On load start, blur and/or fade-in loading icon/image
      • Upon load completion, fade or zoom out loading icon/image
      • Secondary loading indicator (indicate loading progress when displaying a static image for example, color customizable)
    • Optionally hide loading icon/image entirely
  • Loading text:
    • Enter any loading text (or nothing at all)
    • Support for up to 3 loading texts, to be shown at random on each page load
    • Customize loading text color
    • Customize font size
    • Use theme font
    • If no loading sentence is used, unload GoogleFonts
  • Animated loading dots:
    • Optionally display additional loading indicator dots below loading icon/image
    • Customize color
    • Apply custom scaling
  • Background:
    • Fade-out or slide-out (control direction, scaling, speed)
    • Customize background color
    • 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
  • Close function safeguard
    • If loading takes too long, a helpful message with a close function appears. This is very useful 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 color
  • Optionally add post-load animation to content upon load completion
    • Customize animation speed
    • Customize slide-in animation direction and distance
    • Customize scaling animation
    • Customize opacity of element(s) the animation is applied to
    • Target entire site body or specific elements only (a blog post’s title and content, for example)

Other settings

  • Unstyled widget location
  • Optionally display once-per-session
  • Optionally set custom delay for loading screen disappearance
  • Optionally disable loader on specific posts/pages
  • Optionally show loading screen on touch devices only
  • Optionally show loader on homepage only (great for welcome screen behavior)

PageLoader: Loading Screen and Progress Bar for WordPress - 2


- Added option for multiple loading sentences (displayed randomly on page load).
- Added blur and opacity load start effects to loading icon/image. Note: blur effect not yet perfectly supported by all browsers (to be considered as future-ready feature).
- Added option to slide/fade in loading elements at beginning of load (shown on examples #2 and #3 on demo site)
- Added an unstyled widget location
- Added option to completely hide loading icon/image
- Added 'once-per-session' option. It is now possible to have the loading screen display just once, on the visitor's first page view only.
- It is now possible to display the loading image from an off-site URL
- Added option to enter custom ALT text for the loading image
- Animated loading dots can now be scaled at will
- Next to top and bottom of screen placements, progress bar can now also be placed below the loading icon/image
- Progress bar's width can now be customized
- Progress bar now has a padding option
- Added additional color option to progress bar for gradient effect
- Added option to set custom image size for custom loading image
- Added option to use theme font for loading sentence (+ option to change the font size)
- Added option to unload GoogleFont for cases where loading sentence is not used or when a theme font is used instead
- Added additional loading screen animation options (slide-out, scaling, speed). See demo site example #3 for one possible outcome.
- The loading/progress bar can now optionally be disabled for touch devices
UPDATE 2.3.2
- Expanded upon post-load content animation possibilities. You can now:
----- apply custom scaling to content
----- apply custom opacity to content
UPDATE 2.3.1
- Added additional content slide-in animation option: it is now possible to target specific elements only (post title and content for example).
- Expanded upon content slide-in animation options
--- It is now possible to customize slide-in speed, distance as well as direction (from top or bottom)
--- Slide-in animation is now much smoother on touch devices
--- The slide-in options are now placed in their own section
Loading bar, progress bar, percentage loader... whatever you call it, PageLoader now has it per requests from our customers. Fully customizable, of course:

- Added YouTube-like progress bar
--- Customize bar thickness
--- Customize bar and bar background colors
--- Customize placement (top or bottom of screen)
--- Optionally disable
--- Optionally disable all other elements and display the progress bar only
- Expanded upon the close function:
--- Set custom timing for close function appearance
--- Enter custom text for close function
--- Close function text color now customized separately from loading text
Update 2.0 is a massive re-build and modernization of PageLoader, with which we are demonstrating our on-going dedication to the preloader's development. Now 30% lighter than before, this update includes codebase changes both big and small, the more notable of which is how the preloader's customization is handled, with all customization options now residing in the WordPress Live Customizer. Because of this, if you purchased PageLoader before version 2.0, please re-enter your customization settings under "Appearance > Customize > PageLoader Plugin". Thanks to being able to preview your customizations in real-time, setting up PageLoader exactly as you see fit is now much, much faster and convenient than before.

With several new customization options and additional features already planned, you will only see more value packed into this nifty little WordPress preloader plugin. And as always, all updates are free.

Here is the complete changelog for PageLoader v2.0:

- Due to codebase rewrite and optimizations, PageLoader is now 30% lighter than before, even with all the new features that were added in this update
- Moved all customization settings to the WordPress real-time customizer
- Added alternate animation style which scales the loading icon/image upon load completion
- Added option to set custom load delay
- A background image can now be added to the loading screen (as either a pattern or full-size)
- Added option to change background image opacity
- Added optional animated dots under loading text (very useful if you are for example showing a static logo as the loading image but would still like to convey progress to the visitor)
- Color of animated dots can be changed
- Changed loading text font to a more neutral one
- Added fade-in/out animation option (useful if you use a logo image as the loading indicator for example)
- Added option to replace loading icon with an image
- Added option to show loading screen on front page only
- Added new feature: a close button will now appear after 7 seconds, allowing users to get past the loading screen if for example a third-party embed takes too long to load
- Fixed situation where the loading icon would still get shown when PageLoader was hidden per post/page; both the background and icon are now hidden properly when said option is chosen.
- Custom loading text can now be added below the icon
- Added option to change background opacity
- Icon spin animation can now be disabled
- Added option to show PageLoader on mobile devices only (great if you want to add app-like page transitions to your mobile site)
- Added option to disable the page slide-in animation
- the plugin now comes with a settings page that allows users to:
--- pick from a selection of icons
--- change the icon size
--- change the icon animation direction
--- change the icon animation speed
 - the PageLoader loading screen can now be disabled for specific posts/pages

created by BonfireThemes
last update 2019-01-18T11:58:23+11:00

Latest Tweets

  • wordpress
    Build a site with #WordPress and watch your online journey take root. 🌱 Share your story with the WordPress commun… about 14 hours ago
  • wordpress
    WordPress 6.1 Release Candidate 3 (RC3) Now Available You can download and help test RC3 in three ways. It’s just o… about a day ago
  • wordpress
    Part 2: Learn how to recreate block designs in #WordPress during this live, online, and interactive event on Octobe… about 3 days ago
  • wordpress
    Missed the live workshop? Tune in to Creating Welcoming & Diverse Spaces for Organizers workshop on #LearnWP on dem… about 4 days ago
  • wordpress
    Try out more layout configurations with consistent design tools across container blocks. Find out which blocks have… about 5 days ago
  • wordpress
    Have you contributed to a WordPress event globally, or even attended one for the first time? #WCAsia wants to hear… about 5 days ago
  • wordpress
    Mark your calendars. 📅 The Documentation Team is hosting its first standalone Contributor Day on October 25! If y… about 6 days ago
  • wordpress
    Last month, Openverse celebrated hitting over 800,000 audio files indexed. But there’s more. Audio support is now o… about 7 days ago
  • wordpress
    City or countryside? Whatever your vibe is, enjoy these beautiful spots in India through the lenses of contributors… about 8 days ago
  • wordpress
    WordPress 6.1 Release Candidate 2 (RC2) is Now Available for testing! Keep #WordPress bug free when you help with t… about 9 days ago
  • wordpress
    Explore more color tools for unifying your brand’s look across your site. Find out which blocks have color support,… about 9 days ago
  • wordpress
    Let's celebrate 🎉 This major milestone of #100MillionDownloads belongs to the entire #WordPress community. Thank… about 9 days ago
  • wordpress
    WordPress 6.0.3 Security Release about 9 days ago
  • wordpress
    WordPress 6.1 is coming soon! Catch a sneak peek into the release on this week's episode of the #WPBriefing!… about 10 days ago
  • wordpress
    New to managing blocks in #WordPress? Check out this video on "Using Block Attributes to Enable User Editing" for d… about 12 days ago
  • wordpress
    The next release comes with many accessibility improvements and fixes across the platform. Get more details on what… about 12 days ago
  • wordpress
    The September 2022 edition of The Month in WordPress is now available. Learn about: ‣ What's coming in WordPress 6… about 13 days ago
  • wordpress
    オンラインイベントのお知らせです!行・縦積みブロックを使って #WordPress でレスポンシブデザインを体験。日本時間 10月21日15時 ( 10月22日10時 (… about 13 days ago
  • wordpress
    Fine-tune your blocks’ layouts with more design tools in 6.1. Find out which blocks have available support for dime… about 14 days ago
  • wordpress
    Share your WordPress meetup feedback! 📢 Did you organize or attend a meetup last year? Are you thinking of atten… about 14 days ago