Title: WP Nanobar.js Author: Wouter Postma Published: Me 22, 2017 Last modified: Me 22, 2017 --- Search plugins This plugin **hasn’t been tested with the latest 3 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. ![](https://ps.w.org/wp-nanobar-js/assets/icon-256x256.png?rev=1662659) # WP Nanobar.js By [Wouter Postma](https://profiles.wordpress.org/wouterpostmanl/) [Download](https://downloads.wordpress.org/plugin/wp-nanobar-js.1.0.zip) * [Details](https://cor.wordpress.org/plugins/wp-nanobar-js/#description) * [Reviews](https://cor.wordpress.org/plugins/wp-nanobar-js/#reviews) * [Installation](https://cor.wordpress.org/plugins/wp-nanobar-js/#installation) * [Development](https://cor.wordpress.org/plugins/wp-nanobar-js/#developers) [Support](https://wordpress.org/support/plugin/wp-nanobar-js/) ## Description ### Nanobar.js Adds a loading bar to the top of your website using the nanobar.js script. The plugin also allows you to change the colour of the loading bar. * [Nanobar.js by Jacobo Tabernero](http://nanobar.jacoborus.codes/) * [View my other plugins](https://profiles.wordpress.org/wouterpostmanl#content-plugins) ## Installation ### Installation 1. Upload ‘wp-nanobar’ folder to the ‘/wp-content/plugins/’ directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. OPTIONAL: To change the colour of the loading bar, please go to Appearance > WP Nanobar.js and enter your own colour code. ## FAQ Installation Instructions ### Installation 1. Upload ‘wp-nanobar’ folder to the ‘/wp-content/plugins/’ directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. OPTIONAL: To change the colour of the loading bar, please go to Appearance > WP Nanobar.js and enter your own colour code. I cannot see the loading bar? If you are logged in to your WordPress-website, the nanobar will load behind your WordPress admin bar. Therefore you cannot see the loading bar. Your visitors will still see it, as will you when you log out or visit your website in a private browsing window. Another option could be that the background colour of your website is the same as the nanobar. You can change the colour of the nanobar via Appearance > WP Nanobar.js. How can I change the colour of my loading bar? You can change the colour via the WP Nanobar.js menu under the “Appearance” menu. Make sure your colour code starts with “#”. Example: #fff Does WP Nanobar.js work on responsive websites? Yes it does. Will WP Nanobar.js look sharp on retina devices? Yes it will. ## Reviews ![](https://secure.gravatar.com/avatar/37f1e0eb19a61eda15e3bd10b9791aed305186e71f8bf6bcd6c48fbbb15ac5ad? s=60&d=retro&r=g) ### 󠀁[Great!](https://wordpress.org/support/topic/great-6557/)󠁿 [bstraathof](https://profiles.wordpress.org/bstraathof/) Me 30, 2017 What a fun addition to my WP website! Love the colours! [ Read all 1 review ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/) ## Contributors & Developers “WP Nanobar.js” is open source software. The following people have contributed to this plugin. Contributors * [ Wouter Postma ](https://profiles.wordpress.org/wouterpostmanl/) [Translate “WP Nanobar.js” into your language.](https://translate.wordpress.org/projects/wp-plugins/wp-nanobar-js) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/wp-nanobar-js/), check out the [SVN repository](https://plugins.svn.wordpress.org/wp-nanobar-js/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/wp-nanobar-js/) by [RSS](https://plugins.trac.wordpress.org/log/wp-nanobar-js/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 * Version 1.0 is the first version of WP Nanobar.js. ## Meta * Version **1.0** * Last updated **9 years ago** * Active installations **10+** * WordPress version ** 3.0.0 or higher ** * Tested up to **4.8.28** * Language * [English (US)](https://wordpress.org/plugins/wp-nanobar-js/) * Tags * [bar](https://cor.wordpress.org/plugins/tags/bar/)[javascript](https://cor.wordpress.org/plugins/tags/javascript/) [loader](https://cor.wordpress.org/plugins/tags/loader/)[loading](https://cor.wordpress.org/plugins/tags/loading/) * [Advanced View](https://cor.wordpress.org/plugins/wp-nanobar-js/advanced/) ## Ratings 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/) ## Contributors * [ Wouter Postma ](https://profiles.wordpress.org/wouterpostmanl/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/wp-nanobar-js/)