# 进度条生成器

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

> 标准页面: https://elysiatools.com/zh/tools/progress-bar-generator

- **分类:** Data Visualization

- **关键词:** 进度条, 图表, 可视化, 完成状态, 状态, 排名, 对比, 条形图

## 概述

进度条生成器是一款高效的数据可视化工具，能够将简单的数值或 JSON 数据快速转化为美观、可自定义的进度条图表，非常适合用于展示项目完成度、KPI 达成情况或各项指标的对比分析。

## 输入项

- **图表数据** (textarea): 进度条数据。支持JSON数组或简单的标签:值文本格式
- **图表标题** (text): 显示在图表上方的标题
- **方向** (select): 选择方向
- **条形样式** (select): 选择条形样式
- **条形颜色** (text): 进度条的颜色（逗号分隔的十六进制颜色）。留空使用默认颜色。
- **条形高度（水平）/宽度（垂直）** (number): 水平条的高度或垂直条的宽度（像素）
- **最大值** (number): 进度刻度的最大值（留空自动缩放）
- **最小值** (number): 进度刻度的最小值
- **目标值** (number): 作为参考线显示的目标值
- **背景颜色** (color): 图表容器的背景颜色
- **显示百分比** (checkbox): 在进度条上显示百分比值
- **显示数值** (checkbox): 在进度条上显示实际数值
- **动画进度** (checkbox): 加载时动画显示进度条
- **圆角条形** (checkbox): 进度条使用圆角
- **显示目标线** (checkbox): 显示目标值的参考线

## 适用场景

- 需要直观展示项目进度或任务完成百分比时
- 在报告中对比不同类别的数值大小或排名时
- 为仪表盘或演示文稿快速制作简洁的状态可视化图表时

## 工作原理

- 在“图表数据”区域输入 JSON 格式或标签:数值格式的数据。
- 根据需求调整方向、条形样式、颜色及高度等外观参数。
- 勾选显示百分比、数值或目标线，点击生成即可获取可视化进度条。

## 使用案例

- 项目管理：实时跟踪团队任务的完成进度。
- 销售业绩：通过进度条直观展示各销售区域的年度目标达成率。
- 数据对比：快速对比不同产品的市场占有率或用户满意度评分。

## 常见问题

### 支持哪些数据输入格式？

支持 JSON 数组格式（如 [{'label': 'A', 'value': 50}]）或简单的文本格式（如 A:50）。

### 可以自定义进度条的颜色吗？

可以，您可以在“条形颜色”选项中输入逗号分隔的十六进制颜色代码。

### 如何显示目标参考线？

在“目标值”中输入数值，并勾选“显示目标线”选项即可在图表中呈现参考位置。

### 进度条支持动画效果吗？

支持，勾选“动画进度”选项后，图表在加载时会呈现平滑的增长动画。

### 生成的图表可以调整方向吗？

可以，通过“方向”选项，您可以选择水平或垂直布局以适应不同的页面空间。

## 相关工具

- [环形图生成器](https://elysiatools.com/zh/tools/donut-chart-generator): 从数据生成可自定义的环形图（甜甜圈图），具有中央空间，非常适合显示比例数据
- [漏斗图生成器](https://elysiatools.com/zh/tools/funnel-chart-generator): 从数据生成可自定义的漏斗图，非常适合显示转化率、销售管道和流程
- [象形图生成器](https://elysiatools.com/zh/tools/pictograph-generator): 使用图标/符号创建象形图来表示数量，支持自定义图标、颜色和布局
- [雷达图生成器](https://elysiatools.com/zh/tools/radar-chart-generator): 从数据生成可自定义的雷达图（蜘蛛图），非常适合多维度对比和分析
- [时间轴生成器](https://elysiatools.com/zh/tools/timeline-generator): 从事件数据生成美观且交互式的时间轴，支持多种布局和样式
- [树状图生成器](https://elysiatools.com/zh/tools/tree-diagram-generator): 从层级数据生成交互式树状图，支持自定义样式
- [范围图生成器](https://elysiatools.com/zh/tools/range-chart-generator): 创建范围图来可视化最小值-最大值范围，支持中位数标记和异常值检测
- [CSV 转数据库迁移规划器](https://elysiatools.com/zh/tools/csv-to-database-migration-planner): 根据 CSV 数据推断关系型 schema，并为 PostgreSQL、MySQL、SQLite 或 SQL Server 生成建表和 ALTER 迁移计划

## 示例

- [二维码示例](https://elysiatools.com/zh/samples/qrcode-samples): 用于测试二维码读取和生成工具的示例二维码图像
- [ELK Stack 日志分析示例](https://elysiatools.com/zh/samples/elk-stack-samples): 全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
- [Grafana 高级应用示例](https://elysiatools.com/zh/samples/grafana-samples): 全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
- [分布式追踪示例](https://elysiatools.com/zh/samples/distributed-tracing-samples): 使用 Jaeger、OpenTelemetry 和其他现代可观测性工具的综合分布式追踪示例，适用于微服务架构