ProgressBar (<disco-progress-bar>)

Displays the progress of a task.

Usage

Determinate

Displays a specific percentage.

<disco-progress-bar value="50" max="100"></disco-progress-bar>

Indeterminate

Displays a repeating animation (for unknown durations).

<disco-progress-bar indeterminate></disco-progress-bar>

Attributes

• value (number): Current value.
• max (number): Maximum value (default 100).
• indeterminate (boolean): Activates the "dots" animation mode.

Methods

• startIndeterminate(): Starts indeterminate animation from the beginning.
• stopIndeterminate({ graceful: true }): Stops after current animation cycle finishes.