Progress
FeedbackA styled progress bar with default, destructive, and success variants.
Preview
Default — 60%
Success — 100%
Destructive — 30%
Variants
Usage
progress.rs
use floe_ui::components::progress;
"text-zinc-500">// Default progress bar
let bar = progress::styled(0.0..=100.0, 60.0, &tokens);
"text-zinc-500">// Destructive-styled bar
let bar_err = progress::destructive(0.0..=100.0, 30.0, &tokens);
"text-zinc-500">// Success-styled bar
let bar_ok = progress::success(0.0..=100.0, 100.0, &tokens);API Reference
Props / Parameters
| Name | Type | Description |
|---|---|---|
| range | RangeInclusive<f32> | Min..=max range for the progress |
| value | f32 | Current progress value |
| tokens | &DesignTokens | Design tokens for theming |
Style Functions
default_style(tokens)
destructive_style(tokens)
success_style(tokens)
Style functions return closures compatible with Iced's .style() method.
Builder Functions
styled(range, value, tokens)
destructive(range, value, tokens)
success(range, value, tokens)
Builder functions return pre-configured Iced widgets ready for use.
Source: floe-ui/src/components/progress.rs