AnyChart JavaScript Gantt Chart supports data-driven custom coloring of timeline elements and data grid rows, letting you map progress status directly to visual style.
This sample builds a project Gantt chart where grouping-task bars are colored red, amber, or green based on the progress value in the data. Data-grid labels are overridden to show bold colored text for parent rows and update dynamically when rows collapse or expand. Collapse/expand buttons are replaced with custom vector-drawn arrow icons, and a progress column displays status text such as "In progress," "Done," or a percentage.
See the Gantt Chart documentation for all configuration options.