AX - Barra di Progresso

Panoramica

AX - Barra di avanzamento è un componente di Experience Cloud che mostra un indicatore visivo di avanzamento che indica la percentuale di completamento o il raggiungimento dell'obiettivo sulle pagine dei siti Experience.

Usalo per mostrare agli utenti del portale il loro progresso verso gli obiettivi, lo stato di completamento di processi multi-step, la percentuale dei requisiti soddisfatti o qualsiasi metrica numerica di avanzamento derivante dai dati di Salesforce. Configura il valore di avanzamento, le etichette, i colori e lo stile in Experience Builder.

Perfetto per il completamento dell'onboarding, il monitoraggio degli obiettivi, la completezza del profilo, il progresso della formazione o ovunque gli utenti del portale necessitino di un feedback visivo sul loro avanzamento verso un traguardo.

Impostazioni

🎛️ Proprietà

Nome	Descrizione	Utilizzo
Etichetta	Il testo visualizzato per identificare lo scopo della barra di avanzamento.	Implementa questa proprietà per fornire agli utenti una chiara comprensione di quale progresso la barra stia indicando.
Valore	Un valore numerico che rappresenta l'avanzamento corrente.	Imposta questa proprietà per riflettere la percentuale o la frazione del compito o del processo che è stata completata.
Etichetta del valore	L'etichetta che sarà mostrata accanto al valore, spesso come percentuale o frazione.	Usalo per fornire una rappresentazione testuale del valore di avanzamento, offrendo chiarezza agli utenti.
Posizione del valore	Posizione dell'etichetta del valore rispetto alla barra di avanzamento. Le opzioni includono In alto a destra, Sinistra, Destra, In alto a sinistra, In basso a destra, e In basso a sinistra.	Scegli una posizione del valore che migliori la leggibilità e si adatti al design del contenuto circostante.
Dimensione	Lo spessore della barra di avanzamento. Le opzioni includono Pieno, X-Piccolo, Piccolo, Medio, e Grande.	Seleziona una dimensione che assicuri che la barra di avanzamento sia evidente e armoniosa con il layout complessivo del design.
Orientamento	La direzione in cui la barra di avanzamento si riempie. Può essere impostata su Orizzontale o Verticale.	Allinea l'orientamento con il layout e la direzione del flusso dei contenuti per una visualizzazione intuitiva dell'avanzamento.
Mostra valore	Un interruttore per mostrare o nascondere l'etichetta del valore di avanzamento.	Usa questa impostazione per presentare il progresso numerico direttamente sulla barra come riferimento per l'utente o per mantenere il design pulito e minimalista.
Variante	La forma della barra di avanzamento. Le opzioni sono Base per una barra lineare o Circolare per un indicatore di avanzamento tondo.	Scegli una variante che si adatti meglio al motivo di design del sito e al tipo di avanzamento visualizzato.
Testurizzato	Aggiunge un effetto testurizzato alla barra di avanzamento per un dettaglio visivo aggiuntivo.	Applica questa proprietà per creare un aspetto più dinamico e tattile per la barra di avanzamento.
Tema	Temi di colore predefiniti che indicano la natura o lo stato dell'avanzamento. I temi disponibili includono Base, Alt Inverso, Errore, Info, Inverso, Offline, Successo, e Avviso.	Seleziona un tema per trasmettere significati diversi—per esempio, usa Successo per attività completate o Avviso per azioni in sospeso.
Spessore	Regola lo spessore della barra di avanzamento. Le opzioni includono Medio, X-Piccolo, Piccolo, e Grande.	Scegli lo spessore che garantisca la prominenza della barra di avanzamento e la compatibilità estetica con gli altri elementi del sito.

🎨 Stile