Progress linear

The v-progress-linear component is used to convey data visually to users. It supports both indeterminate amounts, such as loading or processing, and finite amounts of progress (including separate buffer values).

Color

Use the props color and background-color to set colors.

Buffering

The primary value is controlled by v-model, whereas the buffer is controlled by the buffer-value prop.

Indeterminate

for continuously animating progress bar,use prop indeterminate. This indicates continuous process.

Reversed

Use prop reverse to animate continuously in reverse direction. The component also has RTL support.

Rounded

The rounded prop is used to apply a border radius to the v-progress-linear component. By default we have set rounded prop true. You can disable it by using :rounded='false'.

Slots

The v-progress-linear component will be responsive to user input when using v-model. You can use the default slot or bind a local model to display inside of the progress.

20%
33%

Striped

The striped prop is used to apply striped background.

CONTENTS

  • Introduction

  • Color

  • Buffering

  • Indeterminate

  • Reversed

  • Rounded

  • Slots

  • Striped