UD5工具箱
确定/不确定双模式
支持确定状态（有明确百分比，aria-valuenow反映当前值）和不确定状态（无具体进度，表示正在处理中）两种模式。确定模式适用于文件上传、安装进度等可预估完成时间的场景；不确定模式适用于数据加载、表单处理等无法预估完成时间的场景。两种模式的ARIA属性自动生成逻辑完全不同，确保每种场景的语义正确性。
10种颜色主题
内置10种精心挑选的颜色主题，涵盖蓝色、绿色、红色、橙色、紫色、青色等主流配色方案。每种颜色都经过WCAG对比度验证，确保进度条填充色与背景色之间至少满足3:1的对比度要求，文字与填充色满足4.5:1的对比度要求。颜色主题可一键切换，实时预览不同配色下的视觉效果。
3种动画风格
提供流畅滑动、弹跳滑动和条纹流动三种动画风格。流畅滑动适合正式商务场景，弹跳滑动适合活泼的消费者应用，条纹流动适合需要视觉强调的加载状态。所有动画频率均控制在1.5至2.5秒周期内，避免过快引发眩晕。每种动画都内置了prefers-reduced-motion降级方案。
三种高度规格
提供细（4px）、标准（16px）和粗（40px）三种高度规格。细款适合紧凑型界面和内联显示，标准款适合大多数常规场景，粗款适合需要突出显示的仪表盘和数据可视化界面。每种规格都预设了合理的圆角大小，同时支持自定义圆角参数调整。
完整ARIA支持
自动生成role="progressbar"、aria-valuenow、aria-valuemin、aria-valuemax和aria-label等ARIA属性。支持自定义ARIA标签文本，让屏幕阅读器能够准确朗读进度状态。不确定模式自动省略aria-valuenow属性，完全符合WAI-ARIA规范要求。
实时预览与暗色背景
所有配置修改即时反映在预览区域，支持暗色背景切换以测试不同环境下的视觉效果。预览区域模拟真实浏览器渲染环境，确保生成的组件在实际项目中表现一致。支持条纹效果和条纹流动动画的独立开关控制，方便精细调整视觉效果。
百分比标签与圆角控制
支持在进度条上显示实时百分比标签，让用户直观了解完成进度。提供可调节的圆角大小配置，从完全直角到完全圆角，适配不同设计系统的风格需求。百分比标签的字体大小和位置会根据进度条高度自动适配，确保在各种尺寸下都清晰可读。条纹效果可独立开启或关闭，满足不同的视觉需求。