slint/internal/compiler/widgets/material-base/progressindicator.slint
Florian Blasius 6da8120dfa
added palette global (#3984)
* Update docs/reference/src/language/builtins/globals.md

Co-authored-by: Simon Hausmann <simon.hausmann@slint.dev>

* Update docs/reference/src/language/builtins/globals.md

Co-authored-by: Simon Hausmann <simon.hausmann@slint.dev>

* Update docs/reference/src/language/builtins/globals.md

Co-authored-by: Simon Hausmann <simon.hausmann@slint.dev>

* Update docs/reference/src/language/builtins/globals.md

Co-authored-by: Simon Hausmann <simon.hausmann@slint.dev>

* Update docs/reference/src/language/builtins/globals.md

Co-authored-by: Simon Hausmann <simon.hausmann@slint.dev>


---------

Co-authored-by: Florian Blasius <florian.blasius@slint-ui.com>
Co-authored-by: Simon Hausmann <simon.hausmann@slint.dev>
Co-authored-by: Florian Blasius <flovansl@fedora.fritz.box>
2023-12-11 14:44:05 +00:00

28 lines
1,010 B
Text

// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-1.1 OR LicenseRef-Slint-commercial
import { MaterialPalette } from "styling.slint";
export component ProgressIndicator {
in property <float> progress;
in property <bool> indeterminate;
min-height: 4px;
horizontal-stretch: 1;
vertical-stretch: 0;
accessible-role: progress-indicator;
accessible-value: root.progress;
i-background := Rectangle {
background: MaterialPalette.control-background-variant;
clip: true;
i-track := Rectangle {
background: MaterialPalette.accent-background;
x: !root.indeterminate ? 0px : -parent.width + (parent.width * mod(animation-tick(), 2s) / 1s);
y: (parent.height - self.height) / 2;
width: !root.indeterminate ? parent.width * min(1, max(0, root.progress)) : parent.width;
border-radius: i-background.border-radius;
}
}
}