Progress

<.dm_progress max={100} value={75} />
Progress 60.0%
60.0% Complete
<.dm_progress max={100} value={60} show_label />
<.dm_progress max={100} value={30} color="success" />
<.dm_progress max={100} value={85} color="warning" />
<.dm_progress max={100} value={95} color="error" />
Progress 25.0%
25.0% Complete
Progress 40.0%
40.0% Complete
<.dm_progress max={100} size="xs" value={50} color="info" />
<.dm_progress max={100} size="sm" value={25} color="success" show_label />
<.dm_progress max={100} size="lg" value={40} color="accent" show_label />
Progress 100.0%
100.0% Complete
<.dm_progress max={100} value={70} color="primary" animated />
<.dm_progress color="secondary" indeterminate />
<.dm_progress max={100} value={100} color="success" show_label />
<.dm_progress max={100} value={65} color="primary" striped />
<.dm_progress max={100} value={55} color="success" striped animated />
72.0%
80.0%
<.dm_progress max={100} value={72} color="accent" inline_label />
<.dm_progress max={100} value={80} color="info" striped inline_label />
60.0%
85.0%
<.dm_progress max={100} type="circular" value={75} color="primary" />
<.dm_progress max={100} type="circular" value={60} color="success" show_label />
<.dm_progress type="circular" color="secondary" indeterminate />
<.dm_progress max={100} size="lg" type="circular" value={85} color="warning" show_label />
Steps 60.0%
60.0% Complete
Progress 100.0%
100.0% Done
<.dm_progress max={5} value={3} color="primary" show_label label_text="Steps" />
<.dm_progress max={100} value={100} color="success" show_label complete_text="Done" />