Barre de progression

Configuration Votre code-barres

Qu'est-ce qui détermine la valeur de votre barre de progression ?

Vous avez plusieurs options pour la façon dont la barre de progression affiche son avancement :

Déterminer la valeur de votre barre de progression

Vous pouvez définir la valeur affichée par le composant Barre de progression en utilisant l'une des méthodes suivantes :

Option
Description
Idéal pour

Cartographié

Lier directement la valeur de la barre de progression à un seul champ Salesforce ou à une variable.

Scénarios simples où une valeur représente l'avancement (par ex. un champ pourcentage, nombre de tâches).

Avancé (Formule)

Définir une formule personnalisée pour calculer la valeur de progression, en combinant potentiellement plusieurs champs ou variables.

Scénarios complexes nécessitant des calculs personnalisés ou une progression pondérée selon différents critères (par ex. score moyen, tâches pondérées).

Requête

Exécuter une requête pour calculer ou récupérer la valeur de progression, souvent en utilisant des fonctions d'agrégation (AVG, SUM, MAX, etc.).

Agrégation de données sur plusieurs enregistrements pour déterminer la progression (par ex. achèvement global d'un projet basé sur l'état des tâches individuelles).

Scénarios d'exemple

  • Avancement de l'objectif de ventes :

    • Mappé : Lier la barre à un champ « Montant clos ».

    • Avancé : Calculer la progression sur la base du « Montant clos » divisé par le « Quota ».

    • Requête : Faire la moyenne du « Pourcentage achevé » de toutes les opportunités dans une étape spécifique.

  • Satisfaction client :

    • Mappé : Afficher la valeur d'un champ « Score de satisfaction client ».

    • Avancé : Combiner plusieurs champs de réponses d'enquête pour créer un score composite.

    • Requête : Trouver la note moyenne de toutes les avis clients pour un produit.

Choisir la bonne option

Comment décider quelle méthode utiliser pour définir la valeur de votre barre de progression ? Considérez ces points :

  • Pour le suivi d'avancement simple : Si votre progression est représentée par un seul champ ou une seule variable (comme un champ de pourcentage d'achèvement), l' Cartographié option est le choix le plus rapide et le plus simple.

  • Pour des calculs personnalisés : Si vous devez combiner plusieurs champs, appliquer un certain poids ou utiliser une logique personnalisée pour déterminer la valeur de progression, utilisez l' Avancé (Formule) .

  • Pour agréger des données sur plusieurs enregistrements : Si la valeur de votre progression doit être calculée en résumant des données provenant de plusieurs enregistrements (comme faire la moyenne des états de tâches pour un projet global), l' Requête option offre la plus grande flexibilité et puissance

Choisir une variante et un thème

Variante et Thème les attributs définissent l'apparence de l'indicateur de la barre de progression. La variante vous permet de choisir entre Base et Circulaire.

Variante Base VS Circulaire

Le thème l'attribut vous permet de définir un thème spécifique pour le thème de la progression. Les paramètres de style d'un thème peuvent être remplacés en utilisant le panneau Style.

Ajout d'un avatar

En utilisant l'attribut, un avatar peut être ajouté à côté de la barre de progression, soit sur le côté gauche soit sur le côté droit. L'avatar peut être une icône provenant de la bibliothèque Lightning Design System ou une image personnalisée en téléchargeant une image personnalisée vers le Image attribut

Barre de progression avec avatar


Ajout d'interactions

Aucune interaction disponible.


Personnaliser l'apparence de votre barre de progression

Le Styles le panneau vous permet d'adapter l'apparence de votre barre de progression pour correspondre à votre design. Voici ce que vous pouvez personnaliser :

  • Taille : Ajuster la taille globale de la barre de progression (petite, moyenne, grande).

  • Variantes de couleur :

    • De base : Le schéma de couleurs standard.

    • Alt Inverse : Contraste élevé pour fonds sombres.

    • Erreur : Indique un problème ou un échec.

    • Info : Couleur neutre pour des affichages d'information.

    • Inverse : Barre claire sur un fond sombre.

    • Hors ligne : Montre lorsque la barre n'est pas en cours de mise à jour active.

    • Succès : Représente un résultat positif.

    • Avertissement : Indique une prudence ou des problèmes potentiels.

  • Éléments spécifiques :

    • Valeur : Modifier le style de la valeur numérique affichée.

    • Étiquette : Personnaliser l'apparence de tout label de texte.

Comment styliser votre barre de progression

  1. Ouvrez le Style onglet pour votre composant de barre de progression.

  2. Choisissez les attributs que vous souhaitez personnaliser.

  3. Sélectionnez vos couleurs, polices et tailles souhaitées.

Pour des instructions détaillées pas à pas et des options de style avancées, référez-vous à notre Guide de style.

Comment appliquer un dégradé à votre barre de progression

Le composant Indicateur de progression vous permet de personnaliser l'apparence de votre barre de progression en utilisant des dégradés.

Voici comment :

  1. Localiser le paramètre « Couleur terminée » : Trouvez la section de style « Barre » dans le panneau Style. Vous verrez l'attribut « Couleur terminée ».

  2. Appliquer votre dégradé :

    • Angle du dégradé : Choisissez la direction de votre dégradé.

    • Couleurs du dégradé : Définissez les couleurs que vous souhaitez dans votre dégradé.

    • Positions des couleurs : Indiquez où chaque couleur doit commencer et s'arrêter en utilisant des pourcentages (%).

https://docs.google.com/gview?embedded=true&url=[votre URL PDF] Si vous souhaitez un dégradé qui passe du rouge (0 %) au jaune (50 %) au vert (100 %), vous définirez ces couleurs à leurs positions en pourcentage correspondantes

Mis à jour

Ce contenu vous a-t-il été utile ?