DayPilot DayPilot Edition:
Cells
Cell Width
Time Axis
Range
Time Headers
Rows
Task Height
Collapsible Row Header
Row Moving
Tasks
Task Creating
Task Moving
Link Creating
«
»
Gantt Chart UI Builder
- Preview
- Config
- Tasks
- Links
- Download
DEMO
Group 1
Task 1
Task 2
Milestone 1
July 2025
4
5
6
7
8
9
10
11
12
13
14
15
16
Group 1
Task 1
60%
Task 2
0%
Milestone 1
Loading...
{
}[
{
"id": 1,
"text": "Group 1",
"complete": 35,
"children": [
{
"id": 2,
"start": "2025-07-04T00:00:00",
"end": "2025-07-11T00:00:00",
"text": "Task 1",
"complete": 60
},
{
"id": 3,
"start": "2025-07-11T00:00:00",
"end": "2025-07-16T00:00:00",
"text": "Task 2",
"complete": 0
},
{
"id": 4,
"start": "2025-07-16T00:00:00",
"type": "Milestone",
"text": "Milestone 1",
"end": "2025-07-16T00:00:00"
}
],
"start": "2025-07-04T00:00:00",
"end": "2025-07-16T00:00:00"
}
][
{
"from": 2,
"to": 3,
"type": "FinishToStart"
}
]Project name:
Project target: