SuperAPI AI 工具集

progress-indicator

设计与创作

查看项目

更新于 10-16 06:13

技能介绍

用途:progress-indicator 用于规范界面中的进度反馈展示,覆盖进度条、步骤指示器、加载进度等模式。

主要能力与类型:提供 5 种进度指示类型。确定性进度条用于已知进度场景,如文件上传、多步表单;不确定性进度条用于时长未知但较短的场景;圆形/环形用于空间受限或展示完成百分比的场景;步骤指示器用于含离散步骤的多步流程;骨架屏用于内容加载占位。

设计规则:确定性进度需显示百分比;长时间操作需显示预计剩余时间;用动画方向表示活动状态;颜色上正常进度使用品牌色,完成使用绿色;不足 1 秒的操作不显示进度;超过 10 秒需说明正在发生什么,例如“Uploading file 3 of 7”。

步骤指示器:已完成步骤为实心圆加对勾,当前步骤为实心圆加数字,未来步骤为空心圆加数字,步骤之间以连线连接,连线填充至当前进度点。

适用场景:文件上传、多步骤表单、内容加载等需要向用户反馈进度的界面。

限制:资料未提供具体实现代码、组件库、框架支持、安装方式、收费信息及平台适用范围,暂未提供。