Barra de progresso HTML

Barra horizontal de realizado x meta com rótulo e percentual.

Como usar no Power BI

  1. Instale o visual HTML Content (de Daniel Marsh-Patrick) pelo AppSource: em “Obter mais visuais”, busque por “HTML Content”.
  2. No Power BI Desktop, crie uma Nova medida e cole o código DAX gerado pelo gerador.
  3. Troque os nomes entre colchetes pelas medidas e colunas do seu modelo, se ainda não fez isso no formulário.
  4. Adicione o visual HTML Content à página e arraste a medida para o campo Values.

Perguntas frequentes

Funciona no Power BI Service?

Sim. O visual HTML Content renderiza a medida tanto no Desktop quanto no relatório publicado.

Por que os números de largura usam "en-US"?

CSS e SVG exigem ponto como separador decimal. Forçar a cultura no FORMAT evita que um modelo em pt-BR gere “12,5%” e quebre o layout.

A medida respeita filtros e segmentações?

Sim. É uma medida DAX comum: tudo o que filtra as medidas de origem filtra o HTML gerado.

Posso mudar o estilo depois?

Pode. O HTML fica em texto dentro da medida; basta editar cores, tamanhos e fontes no próprio DAX ou gerar de novo aqui.

Outros geradores

Faturamento
R$ 1.284.500,00
▲ 107,0% da meta
Card de KPI com metaCard com valor, % da meta, seta e barra de progresso — a cor muda sozinha quando bate a meta.
Vendas
8.420▲ +10,6%
vs. período anterior
Variação vs. período anteriorValor grande com selo ▲/▼ de variação percentual contra o período anterior.
Belo Horizonte482.000
São Paulo431.500
Curitiba298.700
Recife214.300
Porto Alegre187.900
Ranking Top N com barrasLista Top N de uma categoria com barra proporcional e valor, numa única medida.
CidadeRealizado% Meta
Belo Horizonte482.000107,1%
São Paulo431.50093,8%
Curitiba298.700106,7%
Recife214.30082,4%
Porto Alegre187.900104,4%
Salvador152.40076,2%
Tabela HTML com statusTabela com categoria, realizado, % da meta e bolinha verde/vermelha por linha.
78.000
Sparkline em SVGMini gráfico de linha em SVG com o último valor ao lado — ótimo dentro de cards.
82%da meta
Rosca de atingimentoRosca (donut) em SVG que preenche conforme o % da meta, com o número no centro.
Atenção · 86,0%
Semáforo de statusSelo de três faixas (verde, amarelo, vermelho) calculado pelo % da meta.