Gerador de Barra de Progresso

Gerar barras de progresso personalizáveis a partir de dados, perfeito para mostrar status de conclusão, rankings ou valores comparativos

html· Resultado HTMLAbrir ferramenta

Início rápido

Chame esta ferramenta a partir do seu código em três idiomas.

cURL

curl -X POST 'https://api.elysiatools.com/pt/api/tools/progress-bar-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n[{&quot;label&quot;: &quot;Task A&quot;, &quot;value&quot;: 75},\n{&quot;label&quot;: &quot;Task B&quot;, &quot;value&quot;: 60},\n{&quot;label&quot;: &quot;Task C&quot;, &quot;value&quot;: 90},\n{&quot;label&quot;: &quot;Task D&quot;, &quot;value&quot;: 45}]\n\nor text format:\nTask A:75\nTask B:60\nTask C:90\nTask D:45","chartTitle":"Digite o título do gráfico...","orientation":"horizontal","barStyle":"solid","barColors":"#3b82f6,#ef4444,#10b981","barHeight":"30","maxValue":0,"minValue":0,"targetValue":0,"backgroundColor":"#ffffff","showPercentage":true,"showValues":true,"animated":true,"rounded":true,"showTarget":false}'

Referência da API

Envie uma requisição POST com suas entradas em JSON. Parâmetros do tipo arquivo exigem upload prévio.

Endpoint

HTTP

POST https://api.elysiatools.com/pt/api/tools/progress-bar-generator

Parâmetros

Nome	Tipo	Obrigatório	Descrição
chartData	textarea	Sim	Dados para as barras de progresso. Suporta array JSON ou formato de texto simples etiqueta:valor
chartTitle	text	Não	Título que será exibido acima do gráfico
orientation	select	Não	—
barStyle	select	Não	—
barColors	text	Não	Cores para as barras de progresso (cores hex separadas por vírgula). Deixe vazio para cores padrão.
barHeight	number	Não	Altura das barras horizontais ou largura das barras verticais em pixels
maxValue	number	Não	Valor máximo para a escala de progresso (deixe vazio para escala automática)
minValue	number	Não	Valor mínimo para a escala de progresso
targetValue	number	Não	Valor alvo para exibir como linha de referência
backgroundColor	color	Não	Cor de fundo para o contêiner do gráfico
showPercentage	checkbox	Não	Exibir valores de porcentagem nas barras de progresso
showValues	checkbox	Não	Exibir valores reais nas barras de progresso
animated	checkbox	Não	Animar as barras de progresso quando carregadas
rounded	checkbox	Não	Usar cantos arredondados para as barras de progresso
showTarget	checkbox	Não	Exibir uma linha de referência para o valor alvo

Formato de resposta

Resultado HTML

JSON

{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

Integração MCP

Adicione esta ferramenta ao seu servidor Model Context Protocol para que agentes de IA possam listá-la e chamá-la.

Configuração do servidor

Adicione este bloco à configuração do seu cliente MCP:

mcp.json

{
  "mcpServers": {
    "elysiatools-progress-bar-generator": {
      "name": "progress-bar-generator",
      "description": "Gerar barras de progresso personalizáveis a partir de dados, perfeito para mostrar status de conclusão, rankings ou valores comparativos",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=progress-bar-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Listar ferramentas disponíveis

Após conectar ao endpoint SSE, liste as ferramentas expostas:

tools/list

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Chamar esta ferramenta

Invoque a ferramenta pelo seu id; os argumentos são construídos a partir de seus parâmetros:

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "progress-bar-generator",
    "arguments": {
  "chartData": "JSON format:\n[{&quot;label&quot;: &quot;Task A&quot;, &quot;value&quot;: 75},\n{&quot;label&quot;: &quot;Task B&quot;, &quot;value&quot;: 60},\n{&quot;label&quot;: &quot;Task C&quot;, &quot;value&quot;: 90},\n{&quot;label&quot;: &quot;Task D&quot;, &quot;value&quot;: 45}]\n\nor text format:\nTask A:75\nTask B:60\nTask C:90\nTask D:45",
  "chartTitle": "Digite o título do gráfico...",
  "orientation": "horizontal",
  "barStyle": "solid",
  "barColors": "#3b82f6,#ef4444,#10b981",
  "barHeight": "30",
  "maxValue": 0,
  "minValue": 0,
  "targetValue": 0,
  "backgroundColor": "#ffffff",
  "showPercentage": true,
  "showValues": true,
  "animated": true,
  "rounded": true,
  "showTarget": false
}
  }
}

Encadeie várias ferramentas em uma sessão com uma lista toolId separada por vírgulas, p. ex. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (máx. 20).

Dúvidas ou problemas? Contate [email protected]