Show Menu
TOPICS×

Componente da barra de progresso

O componente principal da barra de progresso do componente representa visualmente o progresso em direção a uma meta.

Uso

O Componente de barra de progresso permite que o autor do conteúdo crie facilmente uma barra de progresso definindo uma porcentagem de conclusão, permitindo uma exibição visual intuitiva do progresso em direção a uma meta.

Versão e compatibilidade

A versão atual do Componente de barra de progresso é a v1, que foi introduzida com a versão 2.9.0 dos Componentes principais em maio de 2020 e é descrita neste documento.
A tabela a seguir detalha todas as versões compatíveis do componente, as versões do AEM com as quais as versões do componente são compatíveis e os links para a documentação de versões anteriores.
Versão do componente
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v1
Compatível
Compatível
Compatível

Exemplo de saída de componente

Para experimentar o Componente de barra de progresso e ver exemplos de suas opções de configuração, bem como a saída HTML e JSON, visite a Biblioteca de componentes.

Detalhes técnicos

A documentação técnica mais recente sobre o Componente de barra de progresso pode ser encontrada no GitHub .
Para obter mais detalhes sobre o desenvolvimento dos Componentes principais, consulte a documentação do desenvolvedor dos Componentes principais.

Configurar caixa de diálogo

  • Conclusão
    - O progresso como representado por uma porcentagem
  • ID
    - Essa opção permite controlar o identificador exclusivo do componente no HTML e na Camada de dados.
    • Se deixado em branco, uma ID exclusiva é gerada automaticamente para você e pode ser encontrada inspecionando a página resultante.
    • Se uma ID for especificada, é responsabilidade do autor garantir que seja exclusiva.
    • A alteração da ID pode afetar o CSS, o JS e o rastreamento da camada de dados.

Caixa de diálogo Design

A caixa de diálogo de design permite que o autor do modelo defina os estilos aplicados ao Componente de barra de progresso.

Guia Estilos

O componente de barra de progresso suporta o sistema de estilo AEM.