brutalist Progress
基于 Base 共享语义的有界数值展示。
Web Components React Vue Vue 2
正在加载交互示例… 正文和源码已可阅读,交互控件就绪后会显示在这里。
当前为 Draft 功能实现。Root 拥有有界有限数值;Label 提供名称,Track 容纳 Indicator,Value 显示 valueText 或规范数值。四个视觉家族只投影样式。
Props:value、min(0)、max(100)、ariaLabel、valueText。数值限制在合法范围内;上下界相等时比例为零。省略 value 或设置 indeterminate=true 表示进度未知,不声称当前进度值。
Root 及部件暴露 value、percentage、indeterminate、status。被动显示不引入键盘停靠点,不伪造输入。更新 Props 同步所有部件。
包入口统一注册后,可从 progress 子路径导入 progressRoot、progressLabel、progressTrack、progressIndicator、progressValue。现有源码测试仅为阶段性证据;完整 Adapter、Compiler、GPUI、原生绘制、辅助技术、包消费及独立验收尚未完成,不据此勾选 Finf。