# Delivery tracking

<Card title="Package status">
<Badge tone="info">On the way</Badge>

<Map title="Current location" route="true">
| Place | Lat | Lng | Note |
|---|---|---|---|
| Origin warehouse | 37.7749 | -122.4194 | Picked up Feb 12 |
| Oakland hub | 37.8044 | -122.2712 | In transit |
| Destination | 37.7849 | -122.4080 | Your address |
</Map>

<KeyValue title="Shipment details">
| Item | Value |
|---|---|
| Tracking number | 1Z999AA10123456784 |
| Carrier | UPS Ground |
| Package | 3.2 kg · 40×30×20 cm |
| Current location | Oakland hub, CA |
</KeyValue>
</Card>

<Card title="Estimated delivery">
<Columns>
<Stat label="Arrives by" value="Fri, Feb 16" icon="calendar" />
<Stat label="Days left" value="2" icon="clock" />
<Stat label="Progress" value="60%" icon="chart-line" />
</Columns>

<Progress value="3" max="5" label="Leg 3 of 5" tone="info" />

<Callout tone="info" title="Delivery window">
Your package is expected between **9:00 AM and 1:00 PM** on Friday. You'll get a live update when the driver is 30 minutes away.
</Callout>

<Steps>
<Step title="Picked up" status="done" subtitle="Feb 12 · 4:12 PM">Origin warehouse, San Francisco</Step>
<Step title="Arrived at hub" status="done" subtitle="Feb 13 · 8:40 AM">Oakland sorting facility</Step>
<Step title="Out for delivery" status="todo" subtitle="Expected Feb 16 · 8:30 AM">From Oakland hub</Step>
<Step title="Delivered" status="todo" subtitle="Expected Feb 16 · 1:00 PM">Your front door</Step>
</Steps>
</Card>

<Card title="Report a problem">
<Form name="delivery-issue">
<Select label="What's wrong?" placeholder="Choose an issue" options="Package is late | Package is damaged | Delivery address is wrong | I didn't receive it | Other" required="true" />
<TextArea label="Describe the issue" placeholder="Tell us more so we can help faster…" rows="3" hint="Include any photos you have" />
<File label="Add photos" accept=".jpg | .png | .pdf" multiple="true" hint="Optional, up to 5 files" />
<Button>Submit report</Button>
</Form>
</Card>

<Callout tone="neutral" title="Need help now?">
Call support at **1-800-742-5877** (24/7) or <Button variant="tertiary" ask="Chat with a delivery agent">chat with an agent</Button>.
</Callout>

<FollowUps>
- Where exactly is my package right now?
- Can I change the delivery date?
- What happens if I miss the delivery?
</FollowUps>