DayPilot.Gantt.completeBarVisible

The completeBarVisible property (boolean) determines whether the JavaScript Gantt Chart component displays a progress bar for tasks.

Declaration

DayPilot.Gantt.completeBarVisible

Possible Values

• true - shows the task progress bar.

• false - hides the task progress bar.

Default Value

true

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  completeBarVisible: false,
  // ...
});
gantt.init();

Angular

<daypilot-gantt [config]="config"></daypilot-gantt>

config: DayPilot.GanttConfig = {
  completeBarVisible: false,
  // ...
};

React

<DayPilotGantt
  completeBarVisible={false}
  {/* ... */}
/>

Vue

<DayPilotGantt
  :completeBarVisible="false"
  <!-- ... -->
/>

See Also

Percent Complete (Progress Bar) [doc.daypilot.org]

DayPilot.Gantt Class