分类

← View All Tools

进度条生成器

从数据生成可自定义的进度条，非常适合显示完成状态、排名或对比数值

进度条数据。支持JSON数组或简单的标签:值文本格式

显示在图表上方的标题

进度条的颜色（逗号分隔的十六进制颜色）。留空使用默认颜色。

水平条的高度或垂直条的宽度（像素）

进度刻度的最大值（留空自动缩放）

进度刻度的最小值

作为参考线显示的目标值

图表容器的背景颜色

在进度条上显示百分比值

在进度条上显示实际数值

加载时动画显示进度条

进度条使用圆角

显示目标值的参考线

API 文档

请求端点

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

请求参数

参数名 类型 必填 描述
chartData textarea 是 进度条数据。支持JSON数组或简单的标签:值文本格式
chartTitle text 否 显示在图表上方的标题
orientation select 否 -
barStyle select 否 -
barColors text 否 进度条的颜色（逗号分隔的十六进制颜色）。留空使用默认颜色。
barHeight number 否 水平条的高度或垂直条的宽度（像素）
maxValue number 否 进度刻度的最大值（留空自动缩放）
minValue number 否 进度刻度的最小值
targetValue number 否 作为参考线显示的目标值
backgroundColor color 否 图表容器的背景颜色
showPercentage checkbox 否 在进度条上显示百分比值
showValues checkbox 否 在进度条上显示实际数值
animated checkbox 否 加载时动画显示进度条
rounded checkbox 否 进度条使用圆角
showTarget checkbox 否 显示目标值的参考线

响应格式

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

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-progress-bar-generator": {
      "name": "progress-bar-generator",
      "description": "从数据生成可自定义的进度条，非常适合显示完成状态、排名或对比数值",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=progress-bar-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

如果遇见问题，请联系我们：[email protected]