⌘K
Recent searches
No recent searches yet.
Suggestions
Esc
Navigation
Executive DashboardActions
Register new patientRecords
Patients directorySettings
Open settings↑↓navigateEnterselectDreams AI Command
No recent searches yet.
Dreams AI
Hospital operations copilot
Ask anything or pick a smart shortcut below.
System follows your device preference automatically.
Notification Center
Live across all departments

Angela Merkel
Shift
Day · 8–5
Dept
Cardiology
Navigation
Executive DashboardActions
Register new patientRecords
Patients directorySettings
Open settingsProgress bars for showing the completion status of a task.
<div class="preview-content flex flex-col gap-4">
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-primary w-[0%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-primary w-[25%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-primary w-[50%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-primary w-[75%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-primary w-[100%]"></div>
</div>
</div>
<div class="preview-content flex flex-col gap-4">
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-primary w-[10%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-success w-[25%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-info w-[50%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-dark w-[75%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-danger w-[100%]"></div>
</div>
</div>
<div class="preview-content flex flex-col gap-4">
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-success bg-[linear-gradient(45deg,rgba(255,255,255,.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,.15)_50%,rgba(255,255,255,.15)_75%,transparent_75%,transparent)] bg-[length:1rem_1rem] w-[10%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-dark bg-[linear-gradient(45deg,rgba(255,255,255,.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,.15)_50%,rgba(255,255,255,.15)_75%,transparent_75%,transparent)] bg-[length:1rem_1rem] w-[25%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-danger bg-[linear-gradient(45deg,rgba(255,255,255,.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,.15)_50%,rgba(255,255,255,.15)_75%,transparent_75%,transparent)] bg-[length:1rem_1rem] w-[50%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-primary bg-[linear-gradient(45deg,rgba(255,255,255,.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,.15)_50%,rgba(255,255,255,.15)_75%,transparent_75%,transparent)] bg-[length:1rem_1rem] w-[75%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-info bg-[linear-gradient(45deg,rgba(255,255,255,.15)_25%,transparent_25%,transparent_50%,rgba(255,255,255,.15)_50%,rgba(255,255,255,.15)_75%,transparent_75%,transparent)] bg-[length:1rem_1rem] w-[100%]"></div>
</div>
</div>
<div class="preview-content flex flex-col gap-4">
<div class="bg-border-color w-full h-1 rounded-lg">
<div class="rounded-lg h-1 bg-primary w-[10%]"></div>
</div>
<div class="bg-border-color w-full h-2 rounded-lg">
<div class="rounded-lg h-2 bg-primary w-[25%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-primary w-[50%]"></div>
</div>
<div class="bg-border-color w-full h-4 rounded-lg">
<div class="rounded-lg h-4 bg-primary w-[75%]"></div>
</div>
<div class="bg-border-color w-full h-5 rounded-lg">
<div class="rounded-lg h-5 bg-primary w-[100%]"></div>
</div>
</div>
<div class="preview-content flex flex-col gap-4">
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-primary text-white text-center p-0.5 text-xs leading-none flex flex-col justify-center overflow-hidden w-[10%]">10%</div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-success text-white text-center p-0.5 text-xs leading-none flex flex-col justify-center overflow-hidden w-[25%]">25%</div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-info text-white text-center p-0.5 text-xs leading-none flex flex-col justify-center overflow-hidden w-[50%]">50%</div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-dark text-white text-center p-0.5 text-xs leading-none flex flex-col justify-center overflow-hidden w-[75%]">75%</div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-danger text-white text-center p-0.5 text-xs leading-none flex flex-col justify-center overflow-hidden w-[100%]">100%</div>
</div>
</div>
<div class="preview-content flex flex-col gap-4">
<div class="flex bg-border-color w-full h-1 rounded-lg">
<div class="rounded-lg h-1 bg-primary w-[5%]"></div>
<div class="rounded-lg h-1 bg-success w-[10%]"></div>
<div class="rounded-lg h-1 bg-dark w-[15%]"></div>
</div>
<div class="flex bg-border-color w-full h-2 rounded-lg">
<div class="rounded-lg h-2 bg-info w-[10%]"></div>
<div class="rounded-lg h-2 bg-danger w-[15%]"></div>
<div class="rounded-lg h-2 bg-primary w-[20%]"></div>
</div>
<div class="flex bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-dark w-[15%]"></div>
<div class="rounded-lg h-3 bg-warning w-[20%]"></div>
<div class="rounded-lg h-3 bg-info w-[25%]"></div>
</div>
<div class="flex bg-border-color w-full h-4 rounded-lg">
<div class="rounded-lg h-4 bg-success w-[20%]"></div>
<div class="rounded-lg h-4 bg-warning w-[25%]"></div>
<div class="rounded-lg h-4 bg-dark w-[30%]"></div>
</div>
<div class="flex bg-border-color w-full h-5 rounded-lg">
<div class="rounded-lg h-5 bg-danger w-[25%]"></div>
<div class="rounded-lg h-5 bg-info w-[30%]"></div>
<div class="rounded-lg h-5 bg-primary w-[35%]"></div>
</div>
</div>
<div class="preview-content flex flex-col gap-4">
<div class="bg-border-color w-full h-3 rounded-lg overflow-hidden">
<div class="striped-progress bg-success w-[10%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg overflow-hidden">
<div class="striped-progress bg-dark w-[25%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg overflow-hidden">
<div class="striped-progress bg-danger w-[50%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg overflow-hidden">
<div class="striped-progress bg-primary w-[75%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg overflow-hidden">
<div class="striped-progress bg-info w-[100%]"></div>
</div>
</div>
<div class="preview-content flex flex-col gap-4">
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-primary-gradient w-[10%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-suceess-gradient w-[25%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-info-gradient w-[50%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-dark-gradient w-[75%]"></div>
</div>
<div class="bg-border-color w-full h-3 rounded-lg">
<div class="rounded-lg h-3 bg-danger-gradient w-[100%]"></div>
</div>
</div>