Spinner Loader

Progress and loading indicators express an unspecified wait time or display the length of a process.

Component checklist

Status

The status of the component

Ready for use!

Repository

A link to the repo where the component lives.

gux-radial-progress

When the progress of a task is known, this component displays a radial indicator and the completed percentage of the task.

Otherwise, if the progress is unknown, and no percentage is provided, it instead displays a simple Loading Spinner.

Properties

Property Attribute Description Type Default
max max The max value of the progress spinner number 100
screenreaderText screenreader-text Required localized text to provide an accessible label for the component string ''
value value The progress made in the progress spinner compared to the max value number undefined

Dependencies

Depends on

Graph


                                                
                                                graph TD;
                                                  gux-radial-progress --> gux-radial-loading
                                                  style gux-radial-progress fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS