MelonHTML5 Royal Preloader

CodeCanyon MelonHTML5 Royal Preloader 3746554
Script \ JavaScript \ Loaders and Uploaders
UPDATE \ Images \ Loading \ Automatically \ Option \ Options \ Progress \ Loader

JavaScript - MelonHTML5 Royal Preloader 3746554 by MelonHTML5 @ CodeCanyon

Script \ JavaScript \ Loaders and Uploaders

Include Royal Preloader , and you get a beautiful loading progress indicator for your page load. All the assets are automatically detected and loaded. No need to hook into any of your code, progress is detected automatically. Super easy to install. All web browsers and mobile devices supported.

Please give it quick rating if you like this. If you have any suggestions/feature request or you find a bug, you are more than welcome to contact me and I’ll address them ASAP.

#1 Sales JavaScript Loaders in codecanyon

Note WordPress version is also available

Live Demo

Preload Website Images

Preload all the website assets in a nice loading screen before website displays. No extra requests (bandwidth) are used during preloading.

Loading Progress

Automatically detect loading progress percentage and display them in the loader.

Auto Detecting Cached Images

Cached or invalid images are automatically detected. No extra HTTP requests will be made on cached images.

Preload images used in CSS or AJAX contents

All the directly images used on the website are automatically loaded. Additional images used in CSS background, AJAX content or third party photo galleries and also be preloaded.

Multiple Designs

The Royal Preloader comes with various of designs. Each features different options and styling to suit all your needs.


Enabling the cookie option make the loader only shows once for new visitors. Cooke can be easily removed or reset in options.

Fully Customizable

Plenty of API methods are given, which allows you to config the loader to suit your own needs.

Easy to Install

No complex HTML or JS code are needed. Just include the files, and that’s it.

CSS3 animations + jQuery Fallback for IE

All animations are written in pure CSS3 for modern browsers for better performance. And old IEs will get jQuery Fallback.

Mobile Device Support

Works 100% on any mobile devices including phones, tablets and so on.

v2.03 @ 01 Oct 2014

UPDATE: Added a new option to allow to turn the percentage symbol on/off

v2.02 @ 17 Sep 2014

UPDATE: Added ability to set text colour directly via options
UPDATE: Updated additional images to be array
UPDATE: Updated styling of the number mode

v2.01 @ 06 Sep 2014

UPDATE: New "Progress" Mode

v2.00 @ 30 Aug 2014

UPDATE: New "Line" mode
UPDATE: New option: Cookie
UPDATE: Huge code improvements
UPDATE: Automatically load all the images on the page without having to set them in the options
UPDATE: Still provide the option to load additional images that are not directly on the page (useful for Ajax Content, or load images in third party photo galleries..etc)
UPDATE: Added ability to set logo size via options

v1.07 @ 22 February 2013

UPDATE: Allow people set set a callback function when loading is complete.
UPDATE: Included the unminified version

v1.06 @ 06 March 2013

UPDATE: Added a new "logo" mode.

v1.05 @ 05 Feb 2013

UPDATE: Added a new "text" mode.

v1.04 @ 28 Jan 2013

UPDATE: Added the option to turn percentage on or off

v1.03 @ 22 Jan 2013

UPDATE: Updated code to be fully compatible with jQuery 1.9

v1.02 @ 18 Jan 2013

UPDATE: Added ability to set opacity on loading background

v1.01 @ 09 Jan 2013

UPDATE: Added ability to set multiple backgrounds which transits from one to another during loading
UPDATE: Performance improvements for IE7, 8 9.

v1.00 @ 05 Jan 2013

Initial release

Real World Usage.

If you wish (or don’t wish) your site to be listed here please send me an email .

Last Update: 1 October 14; High Resolution: Yes; Compatible Browsers: IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome; Files Included: JavaScript JS, HTML, CSS, Layered PNG; Software Version: jQuery.

MelonHTML5 - Royal Preloader WP; MelonHTML5 - Timeline WP; MelonHTML5 - Metro UI; MelonHTML5 - Grid Slider; MelonHTML5 - Royal Tab; MelonHTML5 - Sliding Menu; MelonHTML5 - Timeline.

Keywords: MelonHTML5, ajax, cache, image, loader, pre-loader, preloader.

Tags: loader, melonhtml, preloader, image, royal, cache

Create CodeCanyon MelonHTML5 Royal Preloader 3746554 style with After Effect, Cinema 4D, 3DS Max, Apple Motion or PhotoShop. CodeCanyon MelonHTML5 Royal Preloader 3746554 from creative professional designers. Full details of CodeCanyon MelonHTML5 Royal Preloader 3746554 for digital design and education. CodeCanyon MelonHTML5 Royal Preloader 3746554 desigen style information or anything related.