Categories

← View All Tools

Progress Bar Generator

Generate customizable progress bars from data, perfect for showing completion status, rankings, or comparative values

Data for the progress bars. Supports JSON array or simple label:value text format

Title that will be displayed above the chart

Colors for progress bars (comma-separated hex colors). Leave empty for default colors.

Height of horizontal bars or width of vertical bars in pixels

Maximum value for the progress scale (leave empty for auto-scale)

Minimum value for the progress scale

Target value to display as a reference line

Background color for the chart container

Display percentage values on the progress bars

Display actual values on the progress bars

Animate the progress bars when they load

Use rounded corners for progress bars

Display a reference line for the target value

API Documentation

Request Endpoint

POST /en/api/tools/progress-bar-generator

Request Parameters

Parameter Name Type Required Description
chartData textarea Yes Data for the progress bars. Supports JSON array or simple label:value text format
chartTitle text No Title that will be displayed above the chart
orientation select No -
barStyle select No -
barColors text No Colors for progress bars (comma-separated hex colors). Leave empty for default colors.
barHeight number No Height of horizontal bars or width of vertical bars in pixels
maxValue number No Maximum value for the progress scale (leave empty for auto-scale)
minValue number No Minimum value for the progress scale
targetValue number No Target value to display as a reference line
backgroundColor color No Background color for the chart container
showPercentage checkbox No Display percentage values on the progress bars
showValues checkbox No Display actual values on the progress bars
animated checkbox No Animate the progress bars when they load
rounded checkbox No Use rounded corners for progress bars
showTarget checkbox No Display a reference line for the target value

Response Format

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

AI MCP Documentation

Add this tool to your MCP server configuration: 

{
  "mcpServers": {
    "elysiatools-progress-bar-generator": {
      "name": "progress-bar-generator",
      "description": "Generate customizable progress bars from data, perfect for showing completion status, rankings, or comparative values",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=progress-bar-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

If you encounter any issues, please contact us at [email protected]