Framework 7 Progressbar settings and events. Select the component in App Structure to find these controls in Properties.
| Name |
Description |
| ID | Required. Default: "". Attribute: id. |
| Progress | Default: "". Attribute: progress. |
| Color | Options: 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. |
| Hidden | Default: false. Attribute: hidden. |
| Name |
Description |
| Progress | Default: "". |
| Duration | Default: "". |
| Name |
Description |
| Color | Choose dynamic data binding. |
| Hidden | Choose 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 |