guise/feedback/
progress.rs

1//! `Progress` — a horizontal completion bar.
2
3use gpui::prelude::*;
4use gpui::{div, px, relative, App, IntoElement, Window};
5
6use crate::devtools::Probed;
7use crate::style::ColorValue;
8use crate::theme::{theme, ColorName, Size};
9
10/// A determinate progress bar. `value` is a percentage
11/// in `0.0..=100.0`.
12#[derive(IntoElement)]
13pub struct Progress {
14  value: f32,
15  color: ColorValue,
16  size: Size,
17  radius: Option<Size>,
18}
19
20impl Progress {
21  pub fn new(value: f32) -> Self {
22    Progress {
23      value: value.clamp(0.0, 100.0),
24      color: ColorValue::Named(ColorName::Blue),
25      size: Size::Md,
26      radius: None,
27    }
28  }
29
30  pub fn color(mut self, color: impl Into<ColorValue>) -> Self {
31    self.color = color.into();
32    self
33  }
34
35  pub fn size(mut self, size: Size) -> Self {
36    self.size = size;
37    self
38  }
39
40  pub fn radius(mut self, radius: Size) -> Self {
41    self.radius = Some(radius);
42    self
43  }
44
45  fn height(&self) -> f32 {
46    match self.size {
47      Size::Xs => 4.0,
48      Size::Sm => 6.0,
49      Size::Md => 8.0,
50      Size::Lg => 12.0,
51      Size::Xl => 16.0,
52    }
53  }
54}
55
56impl RenderOnce for Progress {
57  fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
58    let t = theme(cx);
59    let height = self.height();
60    let radius = self.radius.map(|r| t.radius(r)).unwrap_or(height / 2.0);
61    let track = t
62      .color(ColorName::Gray, if t.scheme.is_dark() { 7 } else { 2 })
63      .hsla();
64    let fill = crate::style::solid(t, self.color);
65    let fraction = (self.value / 100.0).clamp(0.0, 1.0);
66
67    div()
68      .w_full()
69      .h(px(height))
70      .rounded(px(radius))
71      .bg(track)
72      .child(
73        div()
74          .h_full()
75          .w(relative(fraction))
76          .rounded(px(radius))
77          .bg(fill),
78      )
79      .probe("Progress")
80      .attr_with("value", || format!("{:.0}%", self.value * 100.0))
81      .attr("size", self.size.label())
82  }
83}
guise/feedback/progress.rs

guise/feedback/
progress.rs
