Design Hub Pro App Active Job
Professional App · Screen 2 of 4

Active Job

Real-time navigation, job status progress, and in-progress wash checklist for the professional.

En Route
9:41

Active Job

🚗
📍
🧭 1.2 km · ~5 min
© Map
🚗
En Route
2
Arrived
3
In Progress
Complete
M.G
Maamoun G.
⭐ 4.8
📞 Phone +216 ••• ••• 123
📍 Address 123 Habib Bourguiba, Tunis
Service Quick Wash · Corolla (White)
📞 Call
💬 Message
Jobs
Active
Earnings
Profile
In Progress
9:41

In Progress

00:12:34
En Route
Arrived
🔧
In Progress
Complete
🧹 Wash Checklist
Pre-rinse
Soap application
Rinse & dry
Final inspection
Toyota Corolla
White · Maamoun G.
White
Jobs
Active
Earnings
Profile

4-Step Progress Tracker

Horizontal stepper uses #00C87A for completed steps, #0B96D0 for the active step, and muted gray for upcoming. Connector lines mirror the step state.

Live Timer

Once the professional marks "Arrived" and starts the job, a timer begins counting up in #0B96D0 blue. Monospaced digits use font-variant-numeric: tabular-nums.

Wash Checklist

Interactive checklist lets the professional track each wash phase. Checked items turn #00C87A green. Helps ensure quality control and serves as a completion confirmation.

Action Chips

Call and Message chips on the customer card use #2C2C2E background. Tapping "Call" triggers a native phone call. "Message" opens an in-app chat thread.