Como Adicionar uma Barra de Progresso a um Banco de Dados do Notion

Você quer mostrar visualmente o progresso de tarefas dentro de um banco de dados do Notion sem sair da página. O Notion não possui um componente nativo de barra de progresso, mas você pode criar um usando uma fórmula que gera uma barra baseada em texto. Este artigo explica como construir uma barra de progresso usando as funções slice e repeat em uma fórmula do Notion. Você aprenderá a sintaxe exata da fórmula, como configurar as propriedades de suporte e como evitar erros comuns que quebram a barra.

Como a Fórmula da Barra de Progresso do Notion Funciona

A barra de progresso é uma propriedade de fórmula que gera uma string de caracteres Unicode de bloco. A fórmula usa a função repeat para criar uma string de blocos vazios e a função slice para substituir alguns deles por blocos preenchidos com base em um número percentual. Você precisa de uma propriedade numérica para armazenar o valor do progresso. A fórmula lê esse número, divide por 10 para obter a quantidade de blocos preenchidos, e então combina blocos preenchidos e vazios em uma única string. O resultado é uma barra de texto que preenche visualmente da esquerda para a direita.

Pré-requisitos

Antes de escrever a fórmula, crie um banco de dados no Notion com pelo menos duas propriedades:

• Uma propriedade Numérica chamada “Progresso” — armazena um valor entre 0 e 100.
• Uma propriedade Fórmula — conterá o código da barra de progresso.

Você pode usar qualquer propriedade numérica existente, mas a fórmula deve referenciá-la pelo nome. Se o nome da propriedade contiver espaços, envolva-o em prop("Nome Exato").

Passos para Adicionar uma Barra de Progresso a um Banco de Dados do Notion

1. Adicione uma propriedade numérica para o progresso
   Abra seu banco de dados do Notion. Clique no botão + no cabeçalho da última coluna. Selecione Número na lista de tipos de propriedade. Nomeie como Progresso. Insira um valor entre 0 e 100 em qualquer linha para testar depois.
2. Adicione uma propriedade de fórmula
   Clique no botão + novamente. Selecione Fórmula na lista de tipos de propriedade. Nomeie como Barra de Progresso.
3. Abra o editor de fórmula
   Clique dentro da coluna Fórmula em qualquer linha. O painel do editor de fórmula abre no lado direito da janela.
4. Insira a fórmula da barra de progresso
   Copie e cole o seguinte código no editor:
   slice("██████████", 0, round(prop("Progresso") / 10)) + slice("░░░░░░░░░░", 0, 10 - round(prop("Progresso") / 10))
   Substitua prop("Progresso") pelo nome exato da sua propriedade numérica, se diferente.
5. Feche o editor de fórmula
   Clique em qualquer lugar fora do editor ou pressione Escape. A propriedade de fórmula agora exibe uma barra de progresso baseada em texto para cada linha.
6. Teste com diferentes valores
   Altere o número de Progresso em uma linha para 50. A barra deve mostrar cinco blocos preenchidos e cinco blocos vazios. Altere para 100 para ver dez blocos preenchidos. Altere para 0 para ver todos os blocos vazios.

Fórmula Alternativa Usando Apenas Blocos Preenchidos

Se você preferir uma barra sem blocos vazios, use esta fórmula mais simples:

slice("██████████", 0, round(prop("Progresso") / 10))

Esta versão mostra apenas a parte preenchida. A área vazia permanece em branco, o que pode parecer mais limpo em algumas visualizações do banco de dados.

Erros Comuns e Como Evitá-los

A Barra de Progresso Mostra um Erro ou String Vazia

A fórmula referencia um nome de propriedade que não existe. Verifique se a propriedade Numérica está nomeada exatamente como escrita dentro de prop("Nome"). Os nomes de propriedades diferenciam maiúsculas de minúsculas. Se o nome contiver espaços, coloque-o entre aspas duplas dentro da função prop().

A Barra Mostra Apenas Blocos Preenchidos ou Apenas Vazios Independentemente do Valor

A função round pode estar faltando ou a divisão está incorreta. Confirme que a fórmula divide o valor de Progresso por 10. Por exemplo, um valor de Progresso de 75 dividido por 10 é igual a 7,5. round(7,5) retorna 8, então a barra mostra 8 blocos preenchidos. Sem round, a fórmula pode falhar ou produzir resultados inesperados.

Os Caracteres da Barra Aparecem como Quadrados ou Pontos de Interrogação

Os caracteres Unicode de bloco podem não renderizar em todos os ambientes. Use caracteres ASCII padrão como alternativa. Substitua █ por # e ░ por -. A fórmula se torna:
slice("##########", 0, round(prop("Progresso") / 10)) + slice("----------", 0, 10 - round(prop("Progresso") / 10))

A Barra Não Atualiza Quando o Progresso Muda

As propriedades de fórmula atualizam automaticamente quando uma propriedade referenciada muda. Se a barra não atualizar, verifique se a fórmula referencia a propriedade correta. Confirme também que a propriedade Progresso é do tipo Número, não Texto ou Seleção.

Fórmula da Barra de Progresso do Notion vs Métodos Alternativos

Item	Barra de Progresso Baseada em Fórmula	Método com Rollup + Checkbox
Complexidade de configuração	Uma propriedade de fórmula	Múltiplas propriedades de rollup e fórmula
Aparência visual	Blocos Unicode baseados em texto	Apenas porcentagem numérica
Velocidade de atualização	Instantânea quando o número muda	Requer recálculo de relação e rollup
Personalização	Alterar caracteres de bloco ou comprimento da barra	Limitado à exibição de porcentagem
Melhor para	Acompanhamento simples de tarefas por item	Conclusão em nível de projeto a partir de subtarefas

Agora você tem uma barra de progresso funcional dentro do seu banco de dados do Notion usando apenas uma propriedade de fórmula. Experimente ajustar o comprimento da barra alterando o número de caracteres na string do slice. Por exemplo, use 20 caracteres para uma granularidade mais fina e divida o valor de Progresso por 5 em vez de 10. Esta abordagem de fórmula mantém seu banco de dados leve e evita widgets de terceiros.