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, 2025Lock 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