Skip to content

Framework 7 Progressbar — Reference

Reference · Advanced · Framework7 8

Framework 7 Progressbar settings and behavior. Settings include ID, Progress, Color, Hidden.

Framework 7 Progressbar settings and events. Select the component in App Structure to find these controls in Properties.

Name Description
IDRequired. Default: "". Attribute: id.
ProgressDefault: "". Attribute: progress.
ColorOptions: Default (default), Red (red), Green (green), Blue (blue), Pink (pink), Yellow (yellow), Orange (orange), Purple (purple), Deeppurple (deeppurple), Lightblue (lightblue), Teal (teal), Lime (lime), Deeporange (deeporange), Gray (gray), White (white), Black (black), Multi (multi) Default: "default". Attribute: color.
HiddenDefault: false. Attribute: hidden.
Name Description
ProgressDefault: "".
DurationDefault: "".
Name Description
ColorChoose dynamic data binding.
HiddenChoose dynamic data binding. Output value set after the component is fully hidden (after animation completes if enabled). Use this as a reliable “hidden” signal for cleanup and follow-up actions. Bootstrap docs: JavaScript