Gerador de barras de progresso em texto
Crie uma barra de progresso em texto a partir de um valor e um total, como ████████░░░░ 67%, para colar em um README, no Discord, no Slack ou em um terminal. Escolha blocos, blocos suaves, ASCII, círculos, emojis ou seus próprios caracteres; defina a largura e as bordas; mostre a porcentagem ou o valor; e alinhe várias barras de uma só vez. Executado no seu navegador.
Entrada
Saída
Leia-me
O que é uma barra de progresso de texto?
Uma barra de progresso de texto mostra até que ponto algo avançou usando caracteres comuns em vez de uma imagem, por exemplo, ████████░░░░░░░░░░░░ 42% ou [=========> ]. Como é composta apenas por texto, ela pode ser usada em qualquer lugar onde o texto é aceito: em um README, uma mensagem do Discord ou do Slack, uma mensagem de commit, um script de terminal, uma linha de status ou uma publicação em redes sociais.
Descrição da ferramenta
Esta ferramenta transforma um valor e um total em uma barra de progresso de texto que você pode copiar. Escolha um dos estilos prontos ou digite seus próprios caracteres, defina a largura, adicione bordas e escolha se deseja exibir a porcentagem, o valor em relação ao total ou ambos. Adicione várias linhas para criar um pequeno gráfico de barras, como os idiomas usados em um projeto ou o progresso de várias tarefas, com os rótulos e as barras alinhados.
Recursos
- Estilos compostos por blocos, tons, sinais de cerquilha, setas, círculos, quadrados e emoji, além de caracteres personalizados para preenchimento, espaço vazio e extremidade
- Blocos suaves que preenchem oitavos de um caractere para uma barra mais precisa
- Largura de 1 a 100 caracteres
- Bordas esquerda e direita opcionais, como
[e] - Porcentagem, valor em relação ao total, ambos ou nenhum rótulo, com uma quantidade escolhida de casas decimais
- Várias barras ao mesmo tempo, com os rótulos preenchidos para que as barras fiquem alinhadas
- Copie o resultado ou baixe-o como um arquivo de texto
Como funciona
O valor é dividido pelo total e multiplicado pela largura para determinar quantos caracteres preencher, com arredondamento para o caractere mais próximo. O estilo suave arredonda para o oitavo de caractere mais próximo e desenha a célula parcial com um dos blocos Unicode ▏▎▍▌▋▊▉. O estilo de seta e as barras personalizadas com um caractere de extremidade substituem o último caractere preenchido pela extremidade até que a barra esteja completa. Valores abaixo de zero exibem uma barra vazia, e valores acima do total exibem uma barra cheia, enquanto o rótulo continua mostrando a porcentagem real, como 150%.
Dicas
- Cole as barras em um bloco de código (três crases no Markdown, Discord ou Slack) para que sejam exibidas em uma fonte monoespaçada e fiquem alinhadas.
- Emoji e alguns símbolos ocupam mais de um caractere em muitas fontes, portanto, barras com emoji podem não ficar alinhadas com o texto na mesma linha.
- Para um terminal ou arquivo de log que talvez não seja compatível com Unicode, use o estilo Hash ou Seta, que utilizam apenas caracteres ASCII.