# 进度条 (Progress linear)
v-progress-linear
组件用于直观地将数据展示给用户。 它们也可以表示一个不确定的数量,代表加载或处理中状态。
# 使用
最简单的形式, v-progress-linear
显示一个水平进度条。 使用 value 属性来控制进度。
# API
# 示例
# 属性
# 缓冲值
缓冲状态同时表示两个值。 主值由 v-model控制,而缓冲值则由 buffer-value 属性控制。
# 颜色
您可以使用 color 和 background-color 属性设置颜色。
# 不定线条
使用 indeterminate 属性, v-progress-linear
会保持动画状态。
# 反转
使用 reverse
属性显示反转的进度条(LTR模式为从右到左,RTL模式为从左到右)。
# Rounded(圆角)
rounded 属性是另一种样式,它为 v-progress-linear
组件添加了圆角。
# 流
stream 属性可以使用 buffer-value 向用户表示正在进行一些操作。 您可以使用 buffer-value 和 value 的任何组合来实现您的设计。
# 有条纹的
使用 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 属性来控制进度条的可见性。