# Track your package

Order #TRK-8492-104 · DHL Express  
<Badge tone="info">In transit</Badge>

<Card title="Where your package is right now">
<Stat label="Current location" value="Frankfurt Distribution Hub" note="Frankfurt, Germany · Last scan Dec 21, 14:32" icon="map-pin" />
<Progress value="70" max="100" label="Route progress" tone="info" />
<Steps>
<Step title="Picked up" status="done" subtitle="Leipzig · Tue, Dec 20 · 09:15" />
<Step title="Arrived at Frankfurt Hub" status="done" subtitle="Wed, Dec 21 · 14:32" />
<Step title="In transit to your region" status="current" subtitle="Next scan expected in ~6 hours" />
<Step title="Out for delivery" status="todo" subtitle="Expected Fri morning" />
<Step title="Delivered" status="todo" />
</Steps>
</Card>

<Card title="Estimated delivery date">
<Columns>
<Stat label="Estimated delivery" value="Fri, Dec 27" note="Guaranteed by 8:00 PM" icon="calendar" />
<Stat label="Time left" value="4 days" note="Including today" icon="hourglass" />
</Columns>
</Card>

<Card title="Report a problem" subtitle="We normally reply within 2 hours">
<Form name="report-delivery-problem">
<Select label="What seems to be the problem?" placeholder="Choose an issue" options="Package is late | Package is damaged | Wrong item received | Delivery address problem | Other" required=true />
<TextArea label="Describe the issue" rows="3" placeholder="Tell us what happened — screenshots and photos help" required=true />
<Button>Submit report</Button>
</Form>
<Button variant="secondary" href="tel:+18005550199">Call support</Button>
</Card>