PageLoader: WordPress Loading Screen and Progress Bar

PageLoader: WordPress Loading Screen and Progress Bar


PageLoader Loading Screen and Progress Bar for WordPress


PageLoader is a wildly customizable loading monitor and development bar plugin for WordPress. Include it to your topic as a uncomplicated loading component or make use of it as a full-blown branding instrument the extremely effortless to use customization applications make it possible for for each. It&#8217s a fantastically light-weight and unobtrusive way to make an quick impression on your website visitors.

  • Add to any theme
  • Customise with true-time previews
  • WordPress Multisite appropriate
  • Completely attempted and analyzed on unique products, browsers and operating units
  • Actively formulated
  • Life time cost-free updates
  • Demonstrated creator with client-praised assist

Features and features

Loading icon
  • Select from 10 incorporated animated icons
  • Situation icon wherever on the monitor
  • Freely alter icon animation pace, dimensions and colors
  • Add blur and fade consequences
  • Optionally disguise icon completely
Loading picture
  • Upload picture or enter impression URL
  • Posture image any where on the display
  • Include pulsating animation and control animation velocity
  • Incorporate blur and fade effects
Track record
  • Fade-out or slide-out (control route, scaling, animation speed)
  • Customize background shade
  • Add secondary track record colour for fade animation (pace regulate involved)
  • Customise qualifications shade transparency for see-by impact
  • Add track record picture (set as sample or entire measurement)
  • Customise history graphic transparency for see-by means of outcome
Progress bar
  • Spot any place on the monitor
  • Customize bar width, thickness, roundness
  • Optionally display screen total screen
  • Personalize bar and bar history colors (gradient possibility also available)
  • Optionally disable on contact units
  • Optionally disable all other components and show the development bar only
  • Optionally disable progress bar completely
Loading messages
  • Posture wherever on the monitor
  • Enter up to 3 loading texts, to be shown at random on just about every website page load
  • Customise loading textual content shade
  • Customize font dimension
  • Use theme font
Near operate safeguard
  • If loading can take as well very long, a handy concept with a close purpose appears. This arrives helpful if some thing prevents a page from finishing loading (unresponsive embedded articles from a 3rd-party, for example).
  • Set custom made physical appearance timing
  • Enter custom made textual content
  • Customize colour
  • Use theme font
Write-up-load web-site content material animation
  • Target entire web-site entire body or specific features only (a web site write-up&#8217s title and material, for illustration)
  • Personalize animation velocity
  • Customize slide-in animation route and length
  • Personalize scaling animation
  • Customise opacity of aspect(s) the animation is used to
Other options
  • Screen anything you&#8217d like on the loading screen by way of the provided unstyled widget place
  • Exhibit only when per browser session
  • Established custom made delay for loading monitor disappearance
  • Disable loader on precise posts/internet pages
  • Demonstrate loading screen on touch devices only
  • Clearly show loader on homepage only (excellent for welcome screen behavior)

Essential note on Version 4

The launch of model 4 is a notable update to PageLoader with various elements transformed and additional. When upgrading to model 4 from an earlier edition, remember to acquire into consideration that you will most very likely want to re-enter some of your settings. This is an unfortunate side influence of the alterations and optimizations integrated in the re-create. This was performed with our eyes on the potential however, so please do glimpse ahead to PageLoader&#8217s ongoing evolution as generally, any and all updates will be 100% free of charge to present buyers.


Variation 4.
- Replaced all 10 default icons with new ones (in its place of simply rotating, each icon now has a exceptional animation of their personal, the speed of which can be custom-made alongside the icons' colors and size)
- Divided loading icon and graphic configurations. When image is made use of, it no longer overrides the icon. In shorter, it is now feasible to show the loading icon and graphic at the same time, separately, or not at all. One can be positioned and completely established up independently from the other.
- Divided loading texts and shut operate settings for better regulate and future extendibility of each.
- Extra entire-screen possibility for development bar.
- Additional possibility to personalize progress bar corner roundness.
- Re-did development bar's positioning options for substantially bigger versatility.
- Eliminated animated dots possibility (redundant now as new icons incorporate very similar types/animations).    

Past updates

- Extra secondary background shade option. When applied, the background will fade in between the hues (animation speed is customizable as perfectly). Perspective illustration #4 on the demo web page to see it in motion.
- Extra option for various loading sentences (shown randomly on web site load).
- Included blur and opacity load begin consequences to loading icon/image. Be aware: blur outcome not nonetheless flawlessly supported by all browsers (to be viewed as as long term-completely ready element).
- Added choice to slide/fade in loading factors at commencing of load (revealed on illustrations #2 and #3 on demo website)
- Included an unstyled widget spot
- Added choice to totally cover loading icon/image
- Included 'once-for every-session' possibility. It is now attainable to have the loading display screen show just as soon as, on the visitor's first site look at only.
- It is now doable to show the loading image from an off-web site URL
- Extra selection to enter custom ALT textual content for the loading image
- Animated loading dots can now be scaled at will
- Up coming to top and base of display placements, progress bar can now also be placed underneath the loading icon/image
- Progress bar's width can now be custom made
- Development bar now has a padding solution
- Added further colour possibility to development bar for gradient influence
- Included choice to established custom made picture measurement for tailor made loading picture
- Added solution to use concept font for loading sentence (+ alternative to modify the font dimensions)
- Added possibility to unload GoogleFont for instances where by loading sentence is not utilized or when a topic font is made use of instead
- Additional added loading display screen animation possibilities (slide-out, scaling, velocity). See demo internet site illustration #3 for a single probable consequence.
- The loading/development bar can now optionally be disabled for touch units
- Expanded upon write-up-load material animation opportunities. You can now:
----- use custom scaling to written content
----- utilize customized opacity to content material
- Additional further material slide-in animation choice: it is now probable to concentrate on certain factors only (write-up title and articles for instance).
- Expanded upon articles slide-in animation options
--- It is now doable to personalize slide-in speed, length as very well as direction (from top or base)
--- Slide-in animation is now a lot smoother on contact units
--- The slide-in selections are now positioned in their personal segment
- Extra progress bar
--- Customise bar thickness
--- Personalize bar and bar history colors
--- Customise placement (top or base of monitor)
--- Optionally disable
--- Optionally disable all other components and display screen the development bar only
- Expanded on the close function:
--- Established personalized timing for close operate look
--- Enter custom text for near function
--- Shut purpose text colour now personalized separately from loading text
- Moved all customization options to the WordPress serious-time customizer
- Included alternate animation type which scales the loading icon/impression on load completion
- Extra alternative to set custom made load delay
- A background picture can now be included to the loading display (as both a sample or entire-size)
- Extra choice to modify background image opacity
- Included optional animated dots less than loading textual content (very valuable if you are for example exhibiting a static brand as the loading graphic but would nevertheless like to express development to the customer)
- Colour of animated dots can be modified
- Modified loading textual content font to a more neutral a single
- Added fade-in/out animation choice (useful if you use a symbol impression as the loading indicator for example)
- Added selection to swap loading icon with an image
- Additional alternative to present loading display on front web page only
- Additional new aspect: a near button will now seem just after 7 seconds, making it possible for people to get previous the loading display screen if for instance a third-celebration embed normally takes far too extended to load
- Set situation the place the loading icon would however get proven when PageLoader was concealed for every post/site equally the track record and icon are now concealed properly when reported option is chosen.
- Custom loading textual content can now be included below the icon
- Included solution to change history opacity
- Icon spin animation can now be disabled
- Extra selection to show PageLoader on mobile units only (wonderful if you want to add application-like website page transitions to your cell web site)
- Extra alternative to disable the web page slide-in animation
- the plugin now comes with a options web page that allows end users to:
--- decide on from a assortment of icons
--- transform the icon sizing
--- change the icon animation way
--- change the icon animation velocity
 - the PageLoader loading display can now be disabled for certain posts/internet pages


Leave a Reply