{{ t.pages.progress.releaseConfig }}

Descrição

O componente de progresso cobre indicadores lineares simples, barras empilhadas e intervalos customizados para dashboards operacionais.

Recursos

Altura configurável e cantos arredondados.
Faixas com stripes, animação e labels.
Escalas customizadas com min e max.

Limitações

O componente não calcula progresso automaticamente.
Escalas muito complexas exigem legenda adicional.
Barras empilhadas pedem curadoria de contraste.

{{ t.pages.progress.releasePipeline }}

{{ t.pages.progress.releaseConfig }}

{{ t.pages.progress.squadCapacity }}

{{ t.pages.progress.squadConfig }}

{{ t.pages.progress.customRange }}

{{ t.pages.progress.customConfig }}

Use o container li-progress para definir contexto visual e os filhos li-progress-bar para cada faixa de progresso.

[height] controla a espessura da barra.
[rounded], [striped] e [animated] ajustam a aparência.
[min] e [max] permitem escalas além de 0-100.
[value], label e [showValueLabel] controlam o conteúdo de cada faixa.

<li-progress [height]="'1rem'" [striped]="true" [animated]="true">
  <li-progress-bar class="bg-success" [value]="42" label="Produto"></li-progress-bar>
  <li-progress-bar class="bg-info" [value]="28" label="UX"></li-progress-bar>
</li-progress>