We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Gantt Task - don't show progress

Is it possible for some specific tasks to don't show the task progress ? just render the bar, with no progress, or % text ?

3 Replies

DK Dinesh Kumar Nagarathinam Syncfusion Team October 2, 2015 07:17 AM UTC

Hi ShareValue,
Yes, it is possible to render a taskbar without progress bar for specific task by using “QueryTaskbarInfo” client side event.

Code Snippet:

<ej:Gantt ID="GanttControlDefault" runat="server" 




<script type="text/javascript">

             function queryTaskbarInfo(args) {                

                 if (args.data.taskName == "Child Task 1") {

                     var specificTaskbar = args.taskbar,

                         progressbar = $(specificTaskbar).find(".progressbar");

                     progressbar.css({ "display": "none" });




We have prepared a sample and please find it from the below location.

Sample: http://www.syncfusion.com/downloads/support/forum/120664/ze/Gantt2135321223
Dinesh kumar.N

SH ShareValue October 6, 2015 04:29 PM UTC

In my particular case, I have:

- Task A
         - Task A1
         - Task A2

I want to be able to ignore "Task A1" and "Task A2" execution progress (because is 0) and set "Task A" execution progress to a specific valu, ex: 100%. 
In this case the gantt is setting "Task A" % progress = 0, and it's not the behaviour that I want.

Is it possible to overcome this ?

DK Dinesh Kumar Nagarathinam Syncfusion Team October 7, 2015 12:18 PM UTC


It is not possible to render parent progress bar without the progress in its child taskbars and this is the behavior in Gantt. The ProgressBar in parent taskbar
depends upon its child taskbar progress. If you don’t want to display the child taskbar’s progress, you can set its style from display to none as suggested in
our previous update.


Dinesh Kumar N.

Live Chat Icon For mobile
Up arrow icon