Progress

@!jrmc.progress({ value: 36 })
<progress class="progress w-56" value="36" max="100"></progress>

Progress color

@!jrmc.progress({ class: 'progress-primary', value: 10, max: 200 })
@!jrmc.progress({ class: 'progress-secondary', value: 36 })
@!jrmc.progress({ class: 'progress-accent', value: 50 })
@!jrmc.progress({ class: 'progress-info', value: 66 })
@!jrmc.progress({ class: 'progress-success', value: 90 })
@!jrmc.progress({ class: 'progress-warning', value: 95 })
@!jrmc.progress({ class: 'progress-error w-56', value: 70 })
<progress class="progress progress-primary" value="10" max="200"></progress>

<progress class="progress progress-secondary" value="36" max="100"></progress>

<progress class="progress progress-accent" value="50" max="100"></progress>

<progress class="progress progress-info" value="66" max="100"></progress>

<progress class="progress progress-success" value="90" max="100"></progress>

<progress class="progress progress-warning" value="95" max="100"></progress>

<progress class="progress progress-error w-56" value="70" max="100"></progress>