| 名称（name） | 学习进度仪表板 |
|---|---|
| 副标题（subtitle） | 输入学习数据，生成精美的课程进度展示卡片 |
| 简介（displayDescription） | 在线教育平台的学员后台、企业培训系统的进度看板、个人学习计划的可视化——都需要直观地展示学习进度和成就。但默认的进度条太简陋，学员看了没有成就感，也无法一目了然地掌握整体学习情况。
这个案例演示了输入一个学习者的课程数据（在学课程、进度、成绩、学习时长、成就），AI 自动生成一个精美的学习进度仪表板 HTML 页面：居中卡片组布局（max-width 640px）、顶部总览统计（课程数/总时长/连续天数/证书数）、在学课程进度卡片（含进度环/课程名/进度百分比）、成就徽章区域。紫色学习主题，数据驱动的视觉设计。
适合：在线教育平台、企业培训系统、个人学习计划管理、教育类产品 UI 参考。 |
| 分类（categories） | 知识与学习数据分析 |
| 标签（tags） | 学习进度教育平台仪表盘数据可视化 |
| 累计使用人次 | 0 |
| 质量分（quality_score） | 92 |
| 版本（version） | 1.0 |
| 产物类型（artifact_type） | html |
| 引用的技能 | 前端开发 |