# Delivery tracking

Order #28473-19 · UPS Ground <Badge tone="info">On time</Badge>

<Card title="Where your package is">
<Callout tone="info" title="Current location">Chicago, IL — Gateway Distribution Center. Last scan: today, 2:47 PM CT.</Callout>

<Steps>
<Step title="Picked up" status="done" subtitle="Elk Grove, IL — Mon, Jun 9, 4:12 PM" />
<Step title="In transit" status="done" subtitle="Departed Elk Grove — Mon, Jun 9, 6:30 PM" />
<Step title="Arrived at local hub" status="current" subtitle="Chicago, IL — today, 2:47 PM" />
<Step title="Out for delivery" status="todo" subtitle="Expected Thu, Jun 12" />
<Step title="Delivered" status="todo" />
</Steps>
</Card>

<Card title="Estimated delivery">
<Columns>
<Stat label="Estimated delivery" value="Thu, Jun 12" note="by 8:00 PM" icon="calendar" />
<Stat label="Days left" value="2" note="Shipping on time" icon="clock" />
</Columns>
<Progress value="60" max="100" label="60% of the way" tone="info" />
</Card>

<Card title="Report a problem">
<Callout tone="neutral" title="How can we help?">Tell us what's wrong and we'll investigate within 24 hours.</Callout>

<Form name="delivery-issue">
<Select label="Issue type" placeholder="Choose an option" options="Delivery is late | Package is damaged | Package lost | Wrong address | Something else" />
<TextArea label="Describe the problem" placeholder="e.g., The box arrived with a large dent and the contents are broken." rows="4" />
<Input label="Your email" type="email" placeholder="you@example.com" hint="So we can update you on the resolution" />
<Button>Submit report</Button>
</Form>
</Card>