Gantt

甘特图(只读) · 项目排期可视化 · 左固定列(按 group 分组小标题) + 右时间轴(day/week/month 刻度) · CSS grid + 百分比定位条形 + progress 深色填充层 + today 竖线 · 自带 UTC 日期数学(零依赖) · 横向滚动

工序

5/29

6/1

6/8

6/15

6/22

6/29

7/6

7/13

前期

现场勘测

100%

材料进场

100%

施工

主体施工

60%

机电安装

25%

收尾

竣工验收

结算交付

全状态

工序

5/29

6/1

6/8

6/15

6/22

6/29

7/6

7/13

前期

现场勘测

100%

材料进场

100%

施工

主体施工

60%

机电安装

25%

收尾

竣工验收

结算交付

施工排期（周刻度 + 分组 + 进度 + today 线）

工序

需求评审

100%

接口联调

70%

灰度上线

10%

日刻度（细粒度，横向滚动）

工序

5月

6月

7月

前期

现场勘测

100%

材料进场

100%

施工

主体施工

60%

机电安装

25%

收尾

竣工验收

结算交付

月刻度（跨月概览）

工序

5/29

6/1

6/8

6/15

需求评审

100%

接口联调

70%

灰度上线

10%

自定义条形色（无分组）

Playground

刻度单位

工序

5/29

6/1

6/8

6/15

6/22

6/29

7/6

7/13

前期

现场勘测

100%

材料进场

100%

施工

主体施工

60%

机电安装

25%

收尾

竣工验收

结算交付

<Gantt tasks={tasks} unit="week" today="2026-06-18" />