# 进度条 (Progress linear)

v-progress-linear 组件用于直观地将数据展示给用户。 它们也可以表示一个不确定的数量,代表加载或处理中状态。

# 使用

最简单的形式, v-progress-linear 显示一个水平进度条。 使用 value 属性来控制进度。

# API

# 示例

# 属性

# 缓冲值

缓冲状态同时表示两个值。 主值由 v-model控制,而缓冲值则由 buffer-value 属性控制。

# 颜色

您可以使用 colorbackground-color 属性设置颜色。

# 不定线条

使用 indeterminate 属性, v-progress-linear 会保持动画状态。

# 反转

使用 reverse 属性显示反转的进度条(LTR模式为从右到左,RTL模式为从左到右)。

# Rounded(圆角)

rounded 属性是另一种样式,它为 v-progress-linear 组件添加了圆角。

#

stream 属性可以使用 buffer-value 向用户表示正在进行一些操作。 您可以使用 buffer-valuevalue 的任何组合来实现您的设计。

# 有条纹的

使用 striped 属性对 v-progress-linear 的值部分应用条纹背景。

# 查询

query prop 设置为true时,query属性值由不确定的真实性控制。

# 插槽

# 默认值

v-progress-linear 组件将在使用 v-model 时响应用户输入。 您可以使用默认插槽或绑定本地model在进度内显示。 如果您在寻找线性组件上的高级功能,请查看 v-slider

# 其他

# 定值线条

进度条组件有一个由 v-model 修改的确定状态。

# 文件加载器

v-progress-linear 组件有助于向用户解释他们正在等待响应。

# 工具栏加载器

使用 absolute 属性,我们可以将 v-progress-linear 组件定位在 v-toolbar 的底部。 我们还使用了 active 属性来控制进度条的可见性。

了解更多?

继续学习由 我们的团队 选择的相关内容,或通过使用下面的导航链接在页面之间跳转。
GitHub 上编辑此页面
最后更新:11/12/2024, 6:59:50 AM