---
title: Progress
description: O componente Progress oferecem uma maneira simples e flexível de exibir o progresso de uma ação ou processo em sua aplicação. Construídos com dois elementos HTML, combinados com estilos CSS para controlar a largura e outros atributos, esses componentes proporcionam…
url: "https://gaianocode.com.br/docs/progress/"
updated: "2024-02-08"
category: Pages / Page Componentes / Boots Trap / Progress
---

# Progress

O componente Progress oferecem uma maneira simples e flexível de exibir o progresso de uma ação ou processo em sua aplicação. Construídos com dois elementos HTML, combinados com estilos CSS para controlar a largura e outros atributos, esses componentes proporcionam uma ampla gama de possibilidades de personalização. Ao contrário do uso convencional do elemento HTML5 <progress>, nossos componentes Progress garantem maior flexibilidade. Você pode empilhar várias barras de progresso, animá-las e até mesmo adicionar rótulos de texto sobre elas, permitindo uma representação visual precisa e dinâmica do progresso em seus projetos.

Para mais informações sobre o componente e exemplos acesse o site: [https://getbootstrap.com/docs/5.0/components/progress/](https://getbootstrap.com/docs/5.0/components/progress/).

![](https://gaianocode.com.br/wp-content/uploads/2024/02/progress-1024x233.png)

## Localização

O componente Progress faz parte do conjunto de ferramentas fornecido pelo Bootstrap, o qual está integrado no WebComponents, como exemplificado abaixo:

![](https://gaianocode.com.br/wp-content/uploads/2024/02/progress2.png)

## Propriedades

### Basic

As propriedades básicas do componente Progress incluem o seu tipo, contendo como única opção Progress, além do conteúdo do texto.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/progress3.png)

### Params

O componente Progress não contem parâmetros iniciais.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/progress4.png)