bevy_material_ui 0.2.7

Material Design 3 UI components for Bevy game engine
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108

# Progress

Material Design 3 progress indicator components.

## Types

| Type | Description |
|------|-------------|
| Linear | Horizontal progress bar |
| Circular | Spinning circle indicator |

## Linear Progress

### Determinate

```rust
use bevy_material_ui::prelude::*;

fn setup(mut commands: Commands, theme: Res<MaterialTheme>) {
    commands.spawn(Node::default()).with_children(|ui| {
        // 50% progress
        ui.spawn_linear_progress(&theme, 0.5);
    });
}
```

### Indeterminate

```rust
commands.spawn(Node::default()).with_children(|ui| {
    // Animated indeterminate progress
    ui.spawn_indeterminate_progress(&theme);
});
```

Note:

- The linear progress indicator fill is ensured automatically, even if you spawn only `LinearProgressBuilder::build()` directly.

## Circular Progress

### Determinate

```rust
commands.spawn(Node::default()).with_children(|ui| {
    // 75% circular progress
    ui.spawn_circular_progress(&theme, 0.75);
});
```

### Indeterminate

```rust
commands.spawn(Node::default()).with_children(|ui| {
    // Spinning indicator
    ui.spawn_indeterminate_circular_progress(&theme);
});
```

## Custom Size

```rust
commands.spawn(Node::default()).with_children(|ui| {
    // Custom width for linear
    ui.spawn_linear_progress_with(
        &theme,
        LinearProgressBuilder::new().progress(0.5).width(Val::Px(200.0)),
    );

    // Custom size for circular
    ui.spawn_circular_progress_with(
        &theme,
        CircularProgressBuilder::new().progress(0.5).size(64.0),
    );
});
```

## Custom Track Color

```rust
// Track/indicator colors are derived from the active theme.
// For per-instance customization, you can override colors by directly editing the spawned components.
```

## Updating Progress

```rust
fn update_progress(
    mut progress_query: Query<&mut MaterialLinearProgress>,
    time: Res<Time>,
) {
    for mut progress in progress_query.iter_mut() {
        progress.progress = (progress.progress + time.delta_secs() * 0.1) % 1.0;
    }
}
```

## Properties

| Property | Type | Default | Description |
|----------|------|---------|-------------|
| `progress` | `f32` | `0.0` | Progress value (0.0-1.0) |
| `mode` | `ProgressMode` | `Determinate` | Determinate vs indeterminate |
| `four_color` | `bool` | `false` | Four-color styling (reserved) |

## Animation

Indeterminate progress uses MD3 motion tokens for smooth animation.