<.progress max="100" value="50"/>

<.progress color="neutral" max={100} value={30}/>
<.progress color="primary" max={100} value={40}/>
<.progress color="secondary" max={100} value={50}/>
<.progress color="accent" max={100} value={60}/>
<.progress color="info" max={100} value={70}/>
<.progress color="success" max={100} value={80}/>
<.progress color="warning" max={100} value={90}/>
<.progress color="error" max={100} value={100}/>

<.progress max="100"/>