Phoenix Duskmoon UI Storybook

Progress

Default Open in playground 
<.dm_progress max={100} value={75}/>
With label Open in playground
Progress 60.0%
60.0% Complete 
<.dm_progress max={100} value={60} show_label/>
Color variants Open in playground 
<.dm_progress max={100} value={30} color="success"/>
Warning progress Open in playground 
<.dm_progress max={100} value={85} color="warning"/>
Error progress Open in playground 
<.dm_progress max={100} value={95} color="error"/>
Size variants Open in playground 
<.dm_progress max={100} size="xs" value={50} color="info"/>
Large progress Open in playground
Progress 40.0%
40.0% Complete 
<.dm_progress max={100} size="lg" value={40} color="accent" show_label/>
Animated progress Open in playground 
<.dm_progress max={100} value={70} color="primary" animated/>
Indeterminate progress Open in playground 
<.dm_progress color="secondary" indeterminate/>
Upload progress Open in playground
Progress 45.0%
45.0% Complete 
<.dm_progress max={100} value={45} color="primary" show_label animated/>
Small with label Open in playground
Progress 25.0%
25.0% Complete 
<.dm_progress max={100} size="sm" value={25} color="success" show_label/>
Complete progress Open in playground
Progress 100.0%
100.0% Complete 
<.dm_progress max={100} value={100} color="success" show_label/>