PhoenixDuskmoon.Component.Progress (PhoenixDuskmoon v7.2.1)

View Source

Progress bar component for showing completion status.

Examples

<.dm_progress value={75} max={100} />

<.dm_progress value={30} max={100} color="success" />

<.dm_progress value={60} max={100} size="lg" color="warning" show_label />

<.dm_progress value={@upload_progress} max={100} color="primary" animated />

Attributes

  • value - Current progress value (default: 0)
  • max - Maximum progress value (default: 100)
  • color - Progress color: primary, secondary, accent, info, success, warning, error (default: primary)
  • size - Progress size: xs, sm, md, lg (default: md)
  • show_label - Show percentage label (default: false)
  • animated - Add striped animation effect (default: false)
  • indeterminate - Show indeterminate progress animation (default: false)
  • class - Additional CSS classes
  • label_class - Additional CSS classes for label
  • progress_class - Additional CSS classes for progress element

Styling

This component uses DaisyUI progress classes with additional styling for labels and animations. It supports both determinate and indeterminate progress states.

Summary

Functions

dm_progress(assigns)

Functions

dm_progress(assigns)

Attributes

  • value (:integer) - Defaults to 0.
  • max (:integer) - Defaults to 100.
  • color (:string) - Defaults to "primary". Must be one of "primary", "secondary", "accent", "info", "success", "warning", or "error".
  • size (:string) - Defaults to "md". Must be one of "xs", "sm", "md", or "lg".
  • show_label (:boolean) - Defaults to false.
  • animated (:boolean) - Defaults to false.
  • indeterminate (:boolean) - Defaults to false.
  • class (:string) - Defaults to nil.
  • label_class (:string) - Defaults to nil.
  • progress_class (:string) - Defaults to nil.
  • Global attributes are accepted.