How to show multiple progress bars within a single task....?

Gantt
#1

Hi,
Is there a way to show multiple progress bars within same task…?
Please refer attached image for reference.
multiple_progress_within_single_task

#2

Hello Prashant,
This looks like a task bar of the stacked chart. In DTHMLX Gantt, this is not called several progress bars.

You can show custom HTML elements inside the task bars using the task_text template:
https://docs.dhtmlx.com/gantt/api__gantt_task_text_template.html

Here are examples:
https://docs.dhtmlx.com/gantt/samples/?sample='04_customization/09_html_content.html'&filter=''

https://snippet.dhtmlx.com/3oyplbom

https://snippet.dhtmlx.com/j6sdrng8

Another way is to use the addTaskLayer method that allows showing any HTML elements inside the timeline:
https://docs.dhtmlx.com/gantt/api__gantt_addtasklayer.html

That means you can show custom elements over the task bars.

Here is an example of how it can be implemented:
https://snippet.dhtmlx.com/a2x69mku

#3

Hi Ramil,

Thank you for your response.
Is the same thing possible for ‘project’ types…?
I mean, can we show stacked chart for projects…?
Please let me know.

Thanks,
Prashant

#4

Hello Prashant,
Yes, it is possible to implement that for the project tasks. The task_text template is applied for all tasks you have in the chart, and the addTaskLayer is also called for each rendered task.

You can see that in the snippets if you add the "type": "project" property to any parent task.