One click to turn the preloader on or off.
Choose to show on global site, or all pages.
The option to display the preloader on homepage only.
Show the preloader only once to a visitor per session. Even only show on homepage once per session.
HIDE FOR TYPES
Hide the preloader for selected post types, like products, portfolios, etc.
Turn the preloader on for specific pages or posts.
You can choose to display or hide the loader. Then only show the progress indicator.
We offer 19 types of animations to choose. 6 of them support custom images.
Animations made with pure CSS3. Fast and flexible. And can be set to any color.
Animation can be set to looping forever, or just once (ends after page has loaded).
No gif animations. All created with code. Stay sharp and high quality on retina screens.
Beautiful on any devices.
Background can be set as solid or transparent. Choose solid, and style it as you want.
Unlimited background color. Click to choose from the color picker.
9 transition effects to choose when loading ends: fade, split horizontally/vertically, slide up, shrink & fade, and more.
Opacity control. Lower the opacity to let visitors see through.
Now you can add gradient color for the loading screen background.
Use your own custom background image – pattern or full image.
Show or hide progress indicator. So only display the loader, or both.
Choose between progress bar or counting percentage, or display both.
Set the progress indicator’s position. Top, middle, bottom, or below the loader.
Unlimited color for progress indicator. Click to choose from the color picker.
Adjust width and height of progress bar. Or change font size for percentage.
Put percentage behind animation, create unique design.
More options for tweaking fonts. Choose from Google Fonts, weight, letter spacing, and more.
Enter your custom welcome or loading message to display. Leave blank to hide it.
Unlimited text color. Click to choose from the color picker.
Drag to change the font size.
More options for tweaking fonts. Choose from Google Fonts, font weight, and letter spacing.
Set position of custom message. Top, bottom, or above the progress indicator.
Add multiple custom messages, and display a random one when loading the page.
Set a minimum load time to prevent the pre-loader from disappearing too fast.
Choose to show the loading screen on all devices, or hide on mobile, or show on mobile only.
One click to enable Smooth Page Transition feature, so the loader background will appear when leaves a page.
Visitors can click the close button to quit the loading screen if they don’t want to wait for loading to complete.
One click to disable page scrolling while loading so that visitors won’t accidentally scroll to the middle of the page until loading is complete.
WHERE TO SAVE STYLES
You can choose to save customize styles as inline styles in <header>, or save them as an external .css file.
Enable Any Page Extension to export loader shortcode and add it to any page, so display different loaders on different pages on one site.