vant scroll-view,vant sidebar,vant菜单,vant scroll,vant滚动加载更多,vant 加载动画
Vant4 Progress 进度条是一种用于显示任务进度或加载状态的UI组件，它可以在页面上展示一个带有百分比数字以及可视化的进度条。

Vant4 Progress 进度条的基本结构包括一个容器元素和一个表示进度的子元素。其中，容器元素设置了背景颜色、边框样式等外观属性，而进度子元素则更改其宽度或高度属性来反映实际进度。

以下是一个简单的 Vant4 Progress 进度条组件的示例代码：

html
<van-progress :percentage="50" />


在这个示例中，<van-progress> 元素是 Vant4 Progress 进度条组件的标签名，:percentage="50" 的属性值表示当前进度为 50%。

除了 :percentage 属性之外，Vant4 Progress 还支持其他属性来控制进度条的样式和行为，例如：

- stroke-width：设置进度条的宽度。
- color 和 inactive-color：设置进度条活动部分和非活动部分的颜色。
- text-inside 和 show-percentage：设置是否在进度条内显示当前进度的百分比数字。

以下是一个稍微复杂些的 Vant4 Progress 进度条组件示例代码：

html
<van-progress
:percentage="progress"
stroke-width="8"
color="#38f"
inactive-color="#e5e5e5"
text-inside
show-percentage
/>


在这个示例中，progress 是一个数据属性，表示当前进度的值。组件的样式如下图所示：