Brozzme Material Loading is a WordPress plugin allows you to add an Automatic page load progress bar easily, like youtube loading bar. This plugin has been developped to improve the integration in any theme with no coding skills.

Brozzme Material Loading plugin creates a loading bar on each page, using the PACE.js library.

Pace will automatically monitor your ajax requests, event loop lag, document ready state, and elements on your page to decide the progress, it will begin again with Ajax navigation. Brozzme Material Loading include 14 templates (from Pace.js).

There is no file to edit, it\'s easy to choose and customize your loading bar, just choose colors, height of the bar in the settings panel. Easy to use, just one click.

Options :

1. Custom homepage color
2. Custom loading bar (or animation) color
3. Bar height and simple behaviour
4. Templates (14) for your loading animations
5. Responsive and Retina ready.

Templates are kindly provide by the Pace.js project. Language : English, French

This plugin have been tested up to WordPress 4.9.6

PREMIUM VERSION available soon. Allow you to totally customize each animation behaviours, colors, element size, and conditionally load any template for each posts or page.

Loading bar doesn\'t appears

Some theme doesn\'t use the body class admin-bar, when you are not log in the bar appears.

The loading bar still not appears

Check if the plugin is enable in the Material Loading settings panel, check for the color. You maybe also need to check for any z-index properties on header.

How can I stop loading for some elements

It is not possible with this version.

1.1

• Compatibility release.

1.0

• Initial release.

1. Upload "Brozzme Material Loading" to the "/wp-content/plugins/" directory.
2. Activate the plugin through the "Plugins" menu in WordPress.
3. Click Settings to change the predefined animation, color and height.

Settings panel. screenshot-1.png.



Corner indicator. screenshot-2.png.



Homepage corner indicator. screenshot-3.png.



Minimal progress bar. screenshot-4.png.



Circle center. screenshot-5.png.