Progress 进度条

用于展示操作进度，告知用户当前状态和预期。

基础用法

线形进度条是最常用的形式。

百分比内显

百分比不占用额外控件，适用于文件上传等场景。

独特功能：流体进度条 (Liquid)

Fyoimiya UI 特有的流体进度效果，仿佛液体注入容器。

环形进度条

仪表盘形进度条

条纹和动画

API

Progress Attributes

属性名	说明	类型	默认值
percentage	百分比（必填）	number	0
type	进度条类型	'line' / 'circle' / 'dashboard' / 'liquid'	'line'
stroke-width	进度条的宽度，单位 px	number	6
text-inside	进度条显示文字内置在进度条内（只在 type=line 时可用）	boolean	false
status	进度条当前状态	'success' / 'exception' / 'warning'	-
color	进度条背景色	string / function / array	''
width	环形进度条画布宽度（只在 type=circle/dashboard/liquid 时可用）	number	126
show-text	是否显示进度条文字内容	boolean	true
stroke-linecap	circle/dashboard 类型的路径两端形状	'butt' / 'round' / 'square'	'round'
format	指定进度条文字内容	function(percentage)	default
striped	是否显示条纹	boolean	false
striped-flow	是否显示条纹流体动画	boolean	false
indeterminate	是否为不确定进度动画	boolean	false
duration	动画持续时间	number	3

Progress Slots

插槽名	说明
default	自定义显示内容