Créer des barres de progression sur Notion

Les barres de progression dans Notion permettent de visualiser en un coup d’oeil le taux d’avancement de vos projets, habitudes ou objectifs. Vous pouvez les créer en moins de deux minutes avec la barre native, ou les personnaliser entièrement avec une formule 2.0.

J’utilise des barres de progression dans mes bases de gestion de projet et mon CRM depuis 2020. Notion compte désormais plus de 100 millions d’utilisateurs dans le monde (source : Notion, 2025), et plus de 50 % des entreprises du Fortune 500 utilisent la plateforme (source : SQ Magazine). Pourtant, la plupart des utilisateurs ne savent pas qu’il existe trois méthodes distinctes pour créer une barre de progression. Voici le guide complet, avec les formules 2.0 à jour.

Pourquoi utiliser une barre de progression dans Notion

Une barre de progression transforme un pourcentage abstrait en repère visuel immédiat. Au lieu de lire “65 %”, vous voyez une barre remplie aux deux tiers.

C’est particulièrement utile dans le cadre de la gestion de projet, où la multitude de tâches peut rendre difficile l’évaluation de l’avancement global. Selon une étude de l’American Psychological Association, le suivi visuel de la progression augmente de 33 % la probabilité d’atteindre un objectif (source : APA, 2015).

Dans Notion, trois approches sont possibles : la barre native, la formule personnalisée avec repeat(), et la barre basée sur des checkboxes.

Les trois methodes de barre de progression dans Notion, du plus rapide au plus flexible.

Méthode 1 : la barre de progression native de Notion

Depuis août 2022, Notion propose une barre de progression intégrée. Aucune formule n’est nécessaire.

Comment l’activer

1. Ouvrez votre base de données et créez (ou sélectionnez) une propriété de type Nombre, Formule ou Rollup.
2. Cliquez sur le nom de la propriété, puis sur Modifier la propriété.
3. Dans la section Afficher comme, choisissez Barre ou Anneau.
4. Dans le champ Diviser par, indiquez la valeur maximale (par exemple 100 pour un pourcentage).

Quand utiliser la barre native

La barre native est idéale lorsque vous avez déjà une propriété numérique (budget consommé, progression en pourcentage, note sur 10) et que vous souhaitez un rendu rapide sans personnalisation avancée. Vous pouvez choisir la couleur de la barre, mais pas les symboles ni le format textuel.

Méthode 2 : créer une barre de progression personnalisée avec les formules 2.0

Si vous souhaitez contrôler l’apparence de votre barre (symboles, couleur, pourcentage affiché), il faut passer par une propriété Formule. Avec les formules 2.0 de Notion, la fonction repeat() remplace l’ancienne méthode basée sur slice(), ce qui rend les formules plus courtes et plus lisibles.

Étape 1 : préparer les propriétés de base

Créez deux propriétés de type Nombre dans votre base de données :

• Objectif : la valeur cible (par exemple 100).
• Progression : la valeur actuelle (par exemple 65).

Étape 2 : créer la formule de barre de progression

Ajoutez une propriété de type Formule nommée Barre de progression et collez la formule suivante :

let(
  pct, min(1, prop("Progression") / prop("Objectif")),
  rempli, floor(pct * 10),
  repeat("█", rempli) + repeat("░", 10 - rempli) + " " + format(floor(pct * 100)) + "%"
)

Cette formule produit un rendu du type : ██████░░░░ 60%.

Comment cette formule fonctionne

• let() déclare une variable pct qui calcule le ratio progression/objectif, plafonné à 1 pour éviter de dépasser 100 %.
• floor(pct * 10) convertit le pourcentage en un nombre entier de blocs sur 10.
• repeat("█", rempli) répète le caractère plein autant de fois que nécessaire.
• repeat("░", 10 - rempli) complète avec des blocs vides.
• Le pourcentage est affiché en texte à la fin.

Variantes de symboles

Vous pouvez remplacer les caractères █ et ░ par d’autres paires. Voici les combinaisons les plus lisibles :

Pour utiliser une paire différente, remplacez simplement les caractères dans la formule repeat().

Ajouter de la couleur avec style()

Les formules 2.0 offrent la fonction style() pour colorer le texte. Voici la formule enrichie :

let(
  pct, min(1, prop("Progression") / prop("Objectif")),
  rempli, floor(pct * 10),
  style(repeat("█", rempli), "green") + style(repeat("░", 10 - rempli), "gray") + " " + format(floor(pct * 100)) + "%"
)

Les couleurs disponibles sont : blue, brown, default, gray, green, orange, pink, purple, red, yellow.

Méthode 3 : barre de progression basée sur des checkboxes

Dans un projet, les tâches sont souvent représentées par des cases à cocher. Cette méthode calcule automatiquement la progression en fonction des checkboxes cochées.

Étape 1 : créer les propriétés checkbox

Ajoutez autant de propriétés Checkbox que vous avez de tâches. Par exemple : Tâche 1, Tâche 2, Tâche 3, Tâche 4, Tâche 5.

Étape 2 : créer la formule de progression

Ajoutez une propriété Formule nommée Barre de progression avec la formule suivante :

let(
  fait, toNumber(prop("Tâche 1")) + toNumber(prop("Tâche 2")) + toNumber(prop("Tâche 3")) + toNumber(prop("Tâche 4")) + toNumber(prop("Tâche 5")),
  total, 5,
  pct, fait / total,
  rempli, floor(pct * 10),
  repeat("█", rempli) + repeat("░", 10 - rempli) + " " + format(fait) + "/" + format(total)
)

Cette formule produit un rendu du type : ████░░░░░░ 2/5. Chaque fois que vous cochez une case, la barre se met à jour automatiquement.

Alternative avec Rollup et sous-tâches

Si vous utilisez une base de données de sous-tâches reliée par une Relation, vous pouvez éviter de lister chaque checkbox manuellement :

1. Créez une base Sous-tâches avec une propriété Checkbox nommée Terminé.
2. Dans votre base principale, ajoutez une Relation vers Sous-tâches.
3. Ajoutez un Rollup qui pointe sur la relation, sélectionnez la propriété Terminé et utilisez le calcul Pourcentage coché.
4. Affichez ce Rollup en Barre via les paramètres de propriété (méthode native décrite plus haut).

Cette approche est plus flexible car le nombre de sous-tâches peut varier d’une ligne à l’autre.

Barre de progression basée sur des dates

Vous pouvez aussi créer une barre qui montre l’avancement temporel d’un projet en fonction des dates de début et de fin.

La formule

let(
  debut, prop("Date de début"),
  fin, prop("Date de fin"),
  total, dateBetween(fin, debut, "days"),
  ecoule, dateBetween(now(), debut, "days"),
  pct, if(total == 0, 0, min(1, max(0, ecoule / total))),
  rempli, floor(pct * 10),
  repeat("█", rempli) + repeat("░", 10 - rempli) + " " + format(floor(pct * 100)) + "%"
)

Cette formule nécessite deux propriétés de type Date : Date de début et Date de fin. La barre se remplit progressivement au fil du temps.

Comparatif des trois approches : la formule repeat() offre le meilleur equilibre entre simplicite et personnalisation.

Comparatif des trois méthodes

Bonnes pratiques pour vos barres de progression

Gardez la barre sur 10 segments. Au-delà, les caractères deviennent difficiles à lire dans une vue tableau. Dix segments offrent une granularité suffisante (chaque bloc représente 10 %).

Masquez les propriétés intermédiaires. Si vous utilisez des propriétés de calcul (comme un Rollup ou une formule de pourcentage), masquez-les dans la vue pour ne garder visible que la barre finale. Cliquez sur les trois points de la vue, puis sur Propriétés pour choisir lesquelles afficher.

Utilisez les formules 2.0 plutôt que l’ancienne syntaxe. Les formules avec slice() sur des chaînes de caractères répétées manuellement ("oooooooooo") fonctionnent encore, mais repeat() est plus lisible et plus maintenable. Si vous découvrez les formules, je vous recommande de consulter mon guide des formules essentielles.

Conclusion

Les barres de progression sont un moyen simple pour rendre vos bases de données Notion plus visuelles et plus actionnables. La barre native convient pour un affichage rapide. Les formules 2.0 avec repeat() offrent une personnalisation complète. Les checkboxes et les rollups automatisent le suivi de tâches.

Mon conseil : commencez par la barre native pour valider le besoin, puis passez à une formule personnalisée si vous souhaitez un rendu sur mesure. Pour aller plus loin dans l’organisation de votre espace Notion, explorez les formules 2.0 et les automations, qui permettent de transformer Notion en un véritable tableau de bord de suivi de projet.