- Introduzione ai Componenti core
- Percorsi verso il successo
- Libreria dei componenti
- Versioni
- Introduzione
- Componenti WCM
- Pannello a soffietto
- Breadcrumb
- Pulsante
- Carosello
- Contenitore
- Frammento di contenuto
- Elenco di frammenti di contenuto
- Scarica
- Incorpora
- Frammento esperienza
- Immagine
- Navigazione lingua
- Elenco
- Navigazione
- Pagina
- Visualizzatore PDF
- Barra di avanzamento
- Ricerca rapida
- Separatore
- Condivisione sui social media
- Sommario
- Testo
- Schede
- Teaser
- Titolo
- Componenti del modulo
- Componenti v1
- Componenti v2
- Componenti v3
- Componenti E-mail
- Moduli adattivi
- Introduzione
- Cronologia delle versioni
- Componenti moduli adattivi
- Pannello a soffietto moduli adattivi
- Pulsante moduli adattivi
- Gruppo di caselle di controllo dei moduli adattivi
- Contenitore di moduli adattivi
- Selettore data moduli adattivi
- Elenco a discesa moduli adattivi
- Inserimento e-mail moduli adattivi
- Allegati file moduli adattivi
- Schede orizzontali moduli adattivi
- Immagine moduli adattivi
- Inserimento numero moduli adattivi
- Pannello moduli adattivi
- Pulsante di scelta moduli adattivi
- Pulsante reimpostazione moduli adattivi
- Pulsante di invio moduli adattivi
- Inserimento telefono moduli adattivi
- Testo moduli adattivi
- Casella di testo moduli adattivi
- Titolo moduli adattivi
- Layout assistente virtuale moduli adattivi
- Intestazione
- Piè di pagina
- Sviluppo
- Sviluppo di Componenti core
- Percorsi verso il successo
- Esercitazione per sviluppatori WKND
- Personalizzazione dei Componenti core
- Linee guida per i componenti
- Supporto AMP
- Configurazioni in base al contesto
- Inclusione delle librerie client
- Adaptive Image Servlet
- Consegna delle immagini ottimizzate per il web
- Adobe Client Data Layer
- Archetipo Progetto AEM
Componente Barra di avanzamento
Il componente core Barra di avanzamento rappresenta visivamente lo stato di avanzamento verso un obiettivo.
Utilizzo
Il componente Barra di avanzamento consente all’autore di contenuto di creare facilmente una barra di avanzamento definendo una percentuale di completamento, consentendo una visualizzazione intuitiva dell’avanzamento verso un obiettivo.
Versione e compatibilità
La versione corrente del componente Barra di avanzamento è la v1, introdotta con la versione 2.9.0 dei Componenti core a maggio 2020, ed è quella descritta in questo documento.
La tabella che segue descrive tutte le versioni supportate del componente, le versioni di AEM con cui le versioni del componente sono compatibili e i collegamenti alla documentazione delle versioni precedenti.
| Versione del componente | AEM 6.4 | AEM 6.5 | AEM as a Cloud Service |
|---|---|---|---|
| v1 | Compatibile con versione 2.17.4 e precedenti |
Compatibile | Compatibile |
Esempio di output del componente
Per avere un’idea del componente Barra di avanzamento e vedere esempi delle opzioni di configurazione e dell’output HTML e JSON, visita la libreria dei componenti.
Dettagli tecnici
La documentazione tecnica più recente sul componente Barra di avanzamento è disponibile su GitHub.
Per ulteriori informazioni sullo sviluppo di Componenti core, vedi la documentazione per gli sviluppatori di Componenti core.
Finestra di dialogo per configurazione
- Completamento: lo stato di avanzamento espresso in percentuale
- ID: questa opzione consente di controllare l’identificatore univoco del componente nel codice HTML e in Data Layer.
- Se non specificato, viene generato automaticamente un ID univoco reperibile sulla pagina risultante.
- Se l’ID viene specificato, è responsabilità dell’autore accertarsi che sia univoco.
- La modifica dell’ID può avere un impatto sul tracciamento di CSS, JS e Data Layer.
Finestra di dialogo per progettazione
La finestra di dialogo per progettazione consente all’autore del modello di definire gli stili applicati al componente Barra di avanzamento.
Scheda Stili
Il componente Barra di avanzamento supporta il sistema di stili di AEM.
Adobe Client Data Layer
Il componente Barra di avanzamento supporta Adobe Client Data Layer.
Risorse Business.Adobe.com
Risorse
Account Adobe
