Progress Chart
In this demo we use a single-category CatergoryAxis with a ColumnSeries that uses floating columns as well as “template fields”.
Axis range docs Template fields docs
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create a horizontal progress chart showing five sequential stages as a single stacked bar, where each segment starts where the previous one ends. Display five stages: Stage 1 (0-15%), Stage 2 (15-75%), Stage 3 (75-90%), Stage 4 (90-95%), Stage 5 (95-100%). Each stage has a distinct color (dark green, bright lime, yellow, red, gray). Use a horizontal axis (0-100) with hidden labels. Add percentage labels and tick marks at each stage boundary. Remove borders between segments. Include a centered legend displaying all five stages with colored markers. Disable panning. Animate on load. Use amCharts 5 library.
Demo source