VProgressLinear API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| absolute | ||
| 应用 position: absolute 样式到组件. | ||
| active | ||
| Reduce the height to 0, hiding component. | ||
| bg-color | ||
| Applies specified color to the control’s background. Used on components that also support the color prop. - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| bg-opacity | ||
| Background opacity, if null it defaults to 0.3 if background color is not specified or 1 otherwise. | ||
| buffer-color | ||
| Sets the color of the buffer bar. | ||
| buffer-opacity | ||
| Set the opacity of the buffer bar. | ||
| buffer-value | ||
| The percentage value for the buffer. | ||
| clickable | ||
| Clicking on the progress track will automatically set the value. | ||
| color | ||
| Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| height | ||
| 设定组件的高度。 | ||
| indeterminate | ||
| 恒定动画，加载进度未知时使用。 | ||
| location | ||
| Specifies the component’s location. Can combine by using a space separated string. | ||
| max | ||
| Sets the maximum value the progress can reach. | ||
| model-value | ||
| 组件 v-mode 的值。如果组件支持多属性，默认为空数组。 | ||
| opacity | ||
| Set the opacity of the progress bar. | ||
| reverse | ||
| 使用 reverse 属性显示反转的进度条(LTR模式为从右到左，RTL模式为从左到右)。 | ||
| rounded | ||
| Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page . | ||
| rounded-bar | ||
| Applies a border radius to the progress bar. | ||
| stream | ||
| An alternative style for portraying loading that works in tandem with buffer-value. | ||
| striped | ||
| Adds a stripe background to the filled portion of the progress component. | ||
| tag | ||
| 指定在根元素上使用的自定义标签。 | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| tile | ||
| Removes any applied border-radius from the component. | ||
事件
| 名称 | 类型 |
|---|---|
| update:modelValue | |
| 当组件的 model-value 更改时引发的事件。 | |
插槽
| default |
| Provides the current value of the component. |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $progress-linear-background | |
| $progress-linear-background-background | |
| $progress-linear-background-opacity | |
| $progress-linear-border-radius | |
| $progress-linear-indeterminate-animation-duration | |
| $progress-linear-stream-animation | |
| $progress-linear-stream-border-width | |
| $progress-linear-stream-opacity | |
| $progress-linear-stripe-background-size | |
| $progress-linear-stripe-gradient | |
| $progress-linear-striped-animation | |
| $progress-linear-striped-size | |
| $progress-linear-transition | |