Gantt taskbar template and progress

[oscar bartolome]

Hi,

I've made my own template for the tasks and now I have a problem. The progress color difference is lost. How can I add this feature to my template?

Thanks.

[Punniyamoorthi Elangovan]

Hi Oscar, 

Thank you for contacting Syncfusion support. 

To render the progress bar inside the taskbar template, we should include the div element which has “e-gantt-template-progressbar” class name. We can customize this element and also we can add child elements for this. 

Please refer the below code snippet 

<script type="text/x-jsrender" id="taskbarTemplate"> 

           <div class="e-gantt-template-progressbar" style="font-size:13px;overflow:visible;opacity:0.2"> 

                //Template code goes here 

            </div> 

            //.. 

</script> 

Please refer the below  demo link and UG link for this below. 

Demo Link – https://js.syncfusion.com/demos/web/#!/bootstrap/gantt/customizations/taskbartemplate 

UG Link – https://help.syncfusion.com/js/gantt/customizations#taskbar-template 

Please let us know if you require further assistance on this. 

Regards, 

Punniyamoorthi. 

[oscar bartolome]

Ok, we have the progress bar again, thanks!!!

[Punniyamoorthi Elangovan]

Hi Oscar, 

Thank you for your update 

Please let us know if you require further assistance on this. 

Regards, 

Punniyamoorthi