This plugin hasn’t been tested with the latest three major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Lightweight Loading Bar


Lightweight Loading Bar

Add a YouTube-style loading bar to your website easily! Extremely lightweight plugin that only adds 810 bytes to your page size. It also does not add anything to your database. Change color, height, and all options of the loading bar a configuration file easily. This style of preloader has a much more minimalist design and is not annoying at all compared to other full screen designs. Because most mobile browsers already have a built in loading bar, we allow you to disable it on devices smaller than 600px by default. This plugin has been tested with WP Rocket and should be fully compatible with other cache plugins as well. Please post bug reports, issues, and feature requests on Support Forums and I will respond ASAP! If you liked the plugin please rate it!


  • Tested and fully compatible with caching plugins like WP Rocket
  • Easy to use and simple customization.
  • Customize loading bar color and height.
  • Option to use gradient.
  • Option to show loading bar on your login page.
  • Set the position of the bar to either top or bottom.
  • Responsive and Retina ready.
  • Option to hide on mobile devices.
  • Extremely small footprint at only 810 bytes.
  • Does not add any values to your database.
  • Adds code to the footer to prevent render blocking JS/CSS issues.


  • Go to /wp-content/plugins/lightweight-loading-bar/config.php for instructions on how to customize the loading bar.

Coming Soon… A Settings Page!

  • This plugin will not be quite as lightweight, but we will be adding a full fledged GUI to the WordPress Admin! The reason it will be a bit slower is because the current setup allows the plugin to get the options directly from the filesystem, whereas if we have a settings page we will store them in a database which takes time to query. If you like this version of the plugin check out the GitHub page where we will respond to issues. If interest in the LITE version continues, we will make a fork and maintain/improve the plugin.


  1. Upload ‘lightweight-loading-bar’ folder to the ‘/wp-content/plugins/’ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to /wp-content/plugins/lightweight-loading-bar/config.php for instructions on how to customize the loading bar.


There are none at this time.


Read all 1 review

Contributors and Developers

“Lightweight Loading Bar” is open source software. The following people have contributed to this plugin.


Change Log


Updating will overwrite your current configuration.

  • From version 1.4 and on updating will no longer overwrite your configuration. You now have a dedicated file that contains the settings. If the config file does not exist it will be created on the page load.
  • NEW – Added a configuration file to prevent settings loss on updates.
  • DEV – Removed .htaccess file as there is no reason to have it.
  • DEV – Added to and improved the instructions.


  • Prepared for version 2 which will include a full GUI in the WP Dashboard to save your settings.
  • Minor code refactor to improve performance.
  • Added option to hide on mobile.
  • Added suboption to set maximum width of screen to consider a mobile device.


  • Added option to enable loading bar on your login page.
  • Added compatibility with upcoming new plugin Lightweight Login Page.


  • Added option to set position of the loading bar (top or bottom).


  • Inital Release.