学习进度仪表板

在线教育平台的学员后台、企业培训系统的进度看板、个人学习计划的可视化——都需要直观地展示学习进度和成就。但默认的进度条太简陋，学员看了没有成就感，也无法一目了然地掌握整体学习情况。 这个案例演示了输入一个学习者的课程数据（在学课程、进度、成绩、学习时长、成就），AI 自动生成一个精美的学习进度仪表板 HTML 页面：居中卡片组布局（max-width 640px）、顶部总览统计（课程数/总时长/连续天数/证书数）、在学课程进度卡片（含进度环/课程名/进度百分比）、成就徽章区域。紫色学习主题，数据驱动的视觉设计。 适合：在线教育平台、企业培训系统、个人学习计划管理、教育类产品 UI 参考。