简介
在本实验中,我们将探索如何使用 HTML、CSS 和 JavaScript 创建一个滚动进度条。滚动进度条是一种很好的方式,可以指示用户在页面上的当前位置以及还有多少内容有待查看。在本实验结束时,你将更好地理解如何在你的网站上实现此功能。
Skills Graph
%%%%{init: {'theme':'neutral'}}%%%%
flowchart RL
css(("`CSS`")) -.-> css/BasicConceptsGroup(["`Basic Concepts`"])
css(("`CSS`")) -.-> css/BasicStylingGroup(["`Basic Styling`"])
css(("`CSS`")) -.-> css/CoreLayoutGroup(["`Core Layout`"])
css(("`CSS`")) -.-> css/IntermediateStylingGroup(["`Intermediate Styling`"])
css/BasicConceptsGroup -.-> css/selectors("`Selectors`")
css/BasicStylingGroup -.-> css/colors("`Colors`")
css/CoreLayoutGroup -.-> css/width_and_height("`Width and Height`")
css/CoreLayoutGroup -.-> css/positioning("`Positioning`")
css/IntermediateStylingGroup -.-> css/backgrounds("`Backgrounds`")
subgraph Lab Skills
css/selectors -.-> lab-35236{{"`滚动进度条`"}}
css/colors -.-> lab-35236{{"`滚动进度条`"}}
css/width_and_height -.-> lab-35236{{"`滚动进度条`"}}
css/positioning -.-> lab-35236{{"`滚动进度条`"}}
css/backgrounds -.-> lab-35236{{"`滚动进度条`"}}
end