Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

L'indicateur progress reprend les caractéristiques de l’indicateur classique. La différence c’est l’ajout d’une barre permettant de mettre en évidence une progression.

Anatomie

...

  1. Titre

  2. Donnée mise en avant

  3. Barre de progression

  4. Intitulé secondaire

Usage

L’indicateur / metric progress met En plus, il permet de mettre en avant une donnée chiffrée précise en indiquant l'état d’avancement de cette donnée par rapport à un objectif dans une barre de progression.

Exemples :

  • Taux de transformation de devis

    Image RemovedImage Added
  • Etat d’avancement du projet

Anatomie

...

  1. Titre

  2. Donnée mise en avant

  3. Barre de progression

  4. Intitulé secondaire

Usage

Titre du widget

Voir ce chapitre.

...

Au clic sur la donnée, possible de paramétrer l’ouverture d’une pop up qui permet d’afficher un niveau de détail plus précis de la donnée. Ce clic est mis en place s’il permet d’aider l’utilisateur à naviguer plus rapidement.

Exemples :

  • Je suis sur le tableau de bord de l’affaire. On a un widget metric avec progress bar qui permet d’afficher le pourcentage d’avancement de la facturation de l’affaire. Au clic sur le widget, j’accède en popup à la facture.