Examples
Color maps to the progress-* classes, so the bar follows the active theme.
Size sets the height and Rounded softens the ends; Max changes the scale (here 40 of 60).
With no known total, the bar animates on its own.
Bind Value to your own state and the bar moves as the work runs.
Playground
<ProgressLinear
Value="62"
Color="Color.Primary"
Size="Size.Large"
Rounded="true"
Class="w-72" />API
<ProgressLinear>
DaisyBlazorParameters
- AriaLabel string= null
Accessible name announced for the progress bar (aria-label).
- Color Color= Color.Default
Semantic color mapped to progress-{color} (e.g. progress-primary).
- Indeterminate bool= false
Renders a valueless progress element that daisyUI animates as indeterminate.
- Max double= 100
Maximum value of the progress bar; defaults to 100.
- Min double= 0
Minimum value of the progress bar; the bar fills (Value - Min) / (Max - Min).
- Rounded bool= false
Adds rounded-full to the progress bar; visible only in themes whose --radius-box is smaller than the bar height.
- Size Size= Size.Medium
Bar height: Small maps to h-1, Large to h-4, Medium (default) uses the daisyUI height.
- Striped bool= false
Accepted for MudBlazor compatibility; daisyUI progress has no striped style.
- Value double= 0
Current progress value, rendered as the progress element value; ignored when indeterminate.
- Class string= null
Extra CSS classes merged onto the root element.
- Style string= null
Inline CSS styles applied to the root element.
From MudProgressLinear
ProgressLinear keeps MudProgressLinear's parameter names, so most markup moves over by
dropping the Mud prefix. See the migration guide for the shared enums, icons and services.
Striped is accepted but has no effect: daisyUI progress bars have no striped style.