Title: WP Nanobar.js
Author: Wouter Postma
Published: <strong>22 mai 2017</strong>
Last modified: 22 mai 2017

---

Recherche d’extensions

Cette extension **n’a pas été testée avec les3 dernières versions majeures de WordPress**.
Elle pourrait ne plus être maintenue ou supportée et peut présenter des erreurs 
de compatibilité quand elle est utilisée avec des versions récentes de WordPress.

![](https://ps.w.org/wp-nanobar-js/assets/icon-256x256.png?rev=1662659)

# WP Nanobar.js

 Par [Wouter Postma](https://profiles.wordpress.org/wouterpostmanl/)

[Télécharger](https://downloads.wordpress.org/plugin/wp-nanobar-js.1.0.zip)

 * [Détails](https://fr-ca.wordpress.org/plugins/wp-nanobar-js/#description)
 * [Avis](https://fr-ca.wordpress.org/plugins/wp-nanobar-js/#reviews)
 *  [Installation](https://fr-ca.wordpress.org/plugins/wp-nanobar-js/#installation)
 * [Développement](https://fr-ca.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.

## Avis

![](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/) 30 mai 2017

What a fun addition to my WP website! Love the colours!

 [ Lire l’avis ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/)

## Contributeurs & développeurs

« WP Nanobar.js » est un logiciel libre. Les personnes suivantes ont contribué à
cette extension.

Contributeurs

 *   [ Wouter Postma ](https://profiles.wordpress.org/wouterpostmanl/)

[Traduisez « WP Nanobar.js » dans votre langue.](https://translate.wordpress.org/projects/wp-plugins/wp-nanobar-js)

### Le développement vous intéresse ?

[Parcourir le code](https://plugins.trac.wordpress.org/browser/wp-nanobar-js/), 
consulter le [SVN dépôt](https://plugins.svn.wordpress.org/wp-nanobar-js/), ou s’inscrire
au [journal de développement](https://plugins.trac.wordpress.org/log/wp-nanobar-js/)
par [RSS](https://plugins.trac.wordpress.org/log/wp-nanobar-js/?limit=100&mode=stop_on_copy&format=rss).

## Historique des changements

#### 1.0

 * Version 1.0 is the first version of WP Nanobar.js.

## Méta

 *  Version **1.0**
 *  Last updated **il y a 9 années**
 *  Active installations **10+**
 *  WordPress version ** 3.0.0 ou plus **
 *  Tested up to **4.8.28**
 *  Language
 * [English (US)](https://wordpress.org/plugins/wp-nanobar-js/)
 * Tags
 * [bar](https://fr-ca.wordpress.org/plugins/tags/bar/)[javascript](https://fr-ca.wordpress.org/plugins/tags/javascript/)
   [loader](https://fr-ca.wordpress.org/plugins/tags/loader/)[loading](https://fr-ca.wordpress.org/plugins/tags/loading/)
 *  [Vue avancée](https://fr-ca.wordpress.org/plugins/wp-nanobar-js/advanced/)

## Notes

 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/)

## Contributeurs

 *   [ Wouter Postma ](https://profiles.wordpress.org/wouterpostmanl/)

## Support

Quelque chose à dire ? Besoin d’aide ?

 [Voir le forum de support](https://wordpress.org/support/plugin/wp-nanobar-js/)