Page Title

Timeline Samples

Interactive date-based progress bars with project timelines and lock status tracking.

Date-Based Progress Bars

Configure Dates

Purchase Contract

Contract Date: Oct 1, 2025 Close: Oct 30, 2025
5 days left
CD Target: Oct 22, 2025

Lock Status

Lock: Sep 15, 2025 Expires: Oct 30, 2025
5 days left

About This Demo

This demo showcases interactive date-based progress bars that automatically calculate and display project timelines and lock status. The progress bars update in real-time and show different states based on the current date.

Features include:

  • Real-time progress calculation based on current date
  • Color-coded progress indicators (green to yellow to red)
  • Automatic time remaining calculations
  • CD Target date indicators for project milestones
  • Lock status tracking with expiration handling