edge-components

Progress: Color 

<div><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>

</div>
 
<div>
  @!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 })
</div>

Progress

Doc : daisyui progress

Progress bar can be used to show the progress of a task or to show the passing of time.

Class name Type
progress Component Progress element
progress-primary Modifier Adds primary color
progress-secondary Modifier Adds secondary color
progress-accent Modifier Adds accent color
progress-info Modifier Adds info color
progress-success Modifier Adds success color
progress-warning Modifier Adds warning color
progress-error Modifier Adds error color