The QLinearProgress component displays a colored loading bar. The bar can either have a determinate progress or an indeterminate animation. It should be used to inform the user that an action is occurring in the background.
/* * No installation step is necessary. * It gets installed by default by @quasar/app v2+. */
For indeterminate state (above) or query state (below) you don’t need to specify the
With a label
To add a label to the progress bar you can use the default slot. Take care to:
- use a
sizebig enough to allow showing the label
- set a text color for the label so that it is visible both on the filled and unfilled areas, or use text-shadow CSS, or use a QBadge as in the example below