Skip Ahead to:<\/strong><\/p>\n Overview<\/a><\/p>\n Rendering of Timeline View<\/a><\/a><\/p>\n Planned Bar<\/a><\/p>\n Actual Bar<\/a><\/p>\n Slippage Bar and Predicted End Date<\/a><\/p>\n Plotting of Planned Bar<\/a><\/a><\/p>\n Plotting of Actual Bar<\/a><\/p>\n View Dependency<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n Timeline View gives a visualization of your initiatives\u2019 progress at a glance on the board. It helps you to see which workitem is planned for what duration, and how it\u2019s progressing. Also, based on the current pace of the workitem\u2019s progress, it shows the potential slippage in its completion so that you can take necessary actions on time.<\/p>\n With this view, you can view the following information:<\/p>\n <\/a>Thus, the Timeline View shows the current status of your workitems against how it was planned so that you can take necessary action to ensure the timely delivery of your product.<\/p>\n On the left of the widget is the hierarchy of the workitem. The workitems appear in the same order as they are available on the Work Hub. The All Card Types shows all the card types available on the board while the individual card type listing shows the respective card types. Against each workitem, two bars get plotted. The position and length of the bar reflect the Start Date, duration, and End Date of the workitem. The left end of a bar represents the Start Date and the right end of the bar represents the End Date. The vertical blue line shows the current date as the entire widget gets plotted only with respect to the current date.<\/p>\n The first\/upper bar (in grey color) against a workitem is the Planned Bar which shows the planned duration of the workitem. The Planned Start Date and Planned Finish Date are plotted according to the values entered in the Planned Start and Planned Finish date fields on that workitem. Clicking the Planned bar opens the Detail view of the respective workitem.<\/p>\n <\/a>You can edit the Planned Start Date and Planned Finish Date of a workitem by adjusting the planned bar’s start and end points, respectively. To modify the planned dates, hover over the start or end point of the Planned bar and drag the modifier on the widget to set the new date.<\/p>\n The second\/lower bar (in green color) against each workitem is the Actual bar which shows the actual progress of the workitem.<\/p>\n The Actual Start Date is the date on which the workitem starts getting executed. This Actual start of a workitem depends on the card % complete preference set for that workitem.<\/p>\n If the “% Complete Preference” for the Card Type is “Manual” or “Percentage of ToDos Completed” or “Percentage of ToDo Effort Completed” then the Actual Start Date is whichever of the following two dates are earlier:<\/p>\n Note:<\/b> T<\/span>he earliest movement into an “In Progress” column across other lanes is considered for the Actual Start date for the workitem.<\/span><\/p>\n If the Card Type “% Complete Preference” preference is “Child Percent Progress”, then the Actual Start date is derived from one of its child cards which <\/span>has <\/span>the earliest date based on the above-mentioned points- 1A or 2 B.<\/span><\/p>\n The Actual End Date is the date on which the workitem is completed and moved to the \u2018Done\u2019 type column on the Work Hub.<\/span><\/p>\n The percent shown inside the actual bar shows how much work on that workitem is done. The Percentage of the work is measured according to the \u2018Card % Complete\u2019 preference selected for that workitem in the Work Hub<\/span>.<\/p>\n For example, if the Card % Complete preference selected for the workitem is \u201cChild Percent Complete\u201d, then the work percentage on the actual bar will be calculated according to its closed children cards. Similarly, if the Card % Complete preference is \u201cPercentage of My Card ToDo completed\u201d \u201cPercentage of My Card ToDo Effort completed\u201d or \u201cManual\u201d, the work percentage will be shown as per the count of closed ToDos or effort logged against closed ToDos or manual percentage respectively.<\/p>\n <\/a>If the workitem starts after its Planned Finish date, then the work is considered as a 100 % spillover and the actual bar is shown in red with its percentage on it.<\/p>\n If the actual progress of the workitem does not go according to the Planned bar and the work gets stretched beyond the Planned Finish date then it predicts the slippage in the completion of the workitem and shows the Predicted End date in red color next to the bar.<\/p>\n Predicted End Date = (Current Date – 1) + (Days Required to Complete at Current Velocity)<\/p>\n Where “Days Required to Complete at Current Velocity” = Total Open Cards \/ Current Velocity<\/p>\n Note: <\/b>Predicted End date is displayed only if at least 25 percent of work of that workitem is done.<\/p>\n The slippage percentage of a workitem is measured according to the delay in finishing the work against its planned date. It is shown in red color next to the predicted end date. The slippage percentage is calculated as given below: Where<\/p>\n No. of days delayed (for a closed card) = Actual End Date – Planned End Date<\/p>\n No. of days delayed (for an open card) = Predicted End Date – Planned End Date<\/p>\n Plotting of the Planned Bar depends on the value of the Planned Start Date and Planned Finish date of the workitem. If any of these values are not present, then the Plotting of the bar is impacted as mentioned below \u2013<\/p>\nOverview<\/h2>\n
\n
Rendering of the Timeline View<\/h2>\n
![\"Timeline](\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/Timeline-View-copy.png\")
<\/p>\nPlanned Bar<\/h3>\n
Actual Bar<\/h3>\n
Actual Start Date<\/h4>\n
\n
<\/a>Actual End Date<\/h4>\n
Percentage inside the Actual Bar<\/h3>\n
Slippage Bar and Predicted End date<\/h3>\n
Slippage percentage at the end of the Bar<\/h3>\n
\nThe slippage percentage is calculated as given below:<\/p>\n
\nSlippage Percentage =\u00a0 No. of days delayed \/Planned Duration X 100<\/p>\n<\/a>Plotting of Planned Bar and Actual Bar<\/h2>\n
Plotting of Planned Bar<\/h3>\n
![\"\"](\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB1.jpg\")
<\/a><\/td>\n<\/tr>\n![\"\"](\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB2.jpg\")
<\/a><\/td>\n<\/tr>\n![\"\"](\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB3.jpg\")
<\/a><\/td>\n<\/tr>\n![\"\"](\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB3-1-300x55.jpg\")
<\/a><\/td>\n<\/tr>\n![\"\"](\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB1-1.jpg\")
<\/a><\/td>\n<\/tr>\n![\"Predicated](\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/Predicated-Delay-for-an-Ongoing-Workitem.png\")
<\/p>\n![\"Completed](\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/Completed-and-Delayed-Work.png\")
<\/p>\n![\"Delayed](\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/Delayed-Work-Without-Predicted-End-Date.png\")
<\/p>\n![\"\"](\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/Screenshot-2025-09-19-143127.png\")
<\/p>\n