Display a visual indicator showing configured progress of tasks.


angular.module('myApp', ['gantt', 'gantt.progress']);
<div gantt>
    <gantt-progress enabled="..."></gantt-progress>
<link rel="stylesheet" href="angular-gantt-progress.css">

To show the progress indicator, you need to a add progress object property inside the Task object.

  name: "...",
  from: <Date>,
  to: <Date>,
  progress: <Number|Progress> // The progress of this task, as a percent number or a <Progress> object (Optional).

Progress Object

  percent: <Number> // Percentage of advancement, from 0 to 100.
  color: "...", Color of the completion bar in HEX format
  classes: [], Array of class name to apply to progress bar