# Delivery Tracking

<Card title="Package Status" subtitle="Order #DLV-2024-089234">
<Columns>
<Stat label="Current Location" value="Out for Delivery" change="Last scan: 14:32" tone="info" icon="truck" />
<Stat label="Courier" value="FastShip Express" change="Driver: James M." tone="neutral" icon="user" />
</Columns>
</Card>

<Card title="Delivery Progress">
<Steps>
<Step title="Order Placed" subtitle="Aug 12, 09:15" status="done" />
<Step title="Picked Up" subtitle="Aug 13, 08:42" status="done" />
<Step title="In Transit" subtitle="Aug 14, 14:32" status="current" />
<Step title="Out for Delivery" subtitle="Today, 07:00" status="done" />
<Step title="Delivered" subtitle="Estimated: Today by 18:00" status="todo" />
</Steps>
</Card>

<Card title="Estimated Delivery" subtitle="Track your package in real-time">
<Columns>
<Stat label="Delivery Date" value="Today, Aug 15" change="By 6:00 PM" tone="success" icon="calendar" />
<Stat label="Delivery Window" value="2:00 PM – 6:00 PM" change="4-hour window" tone="info" icon="clock" />
</Columns>

<Progress value="85" max="100" label="Delivery progress" tone="success" />
</Card>

<Card title="Report a Problem" subtitle="Having issues with your delivery? Let us know.">
<Form name="delivery-issue">
<Select label="Issue Type" placeholder="Select an issue" options="Package not delivered | Damaged package | Wrong item delivered | Missing items | Delivery attempted but no one home | Other" required="true" />
<TextArea label="Details" placeholder="Describe the problem (optional)" rows="4" hint="Include any relevant details like tracking updates, photos, or communication with the driver" />
<Checkboxes label="Preferred Resolution" options="Redelivery | Refund | Replacement | Pick up at facility" />
<Button>Submit Report</Button>
<Button variant="secondary">Cancel</Button>
</Form>
</Card>

<Callout tone="info" title="Need immediate help?">Call our support line at 1-800-555-0199 (Mon–Fri, 8 AM–8 PM) or chat with us in the app.</Callout>