要使用 CSS 制作浏览器进度条，可以通过样式控制伪元素来实现。首先需要使用 position: fixed 定位属性，将进度条固定在浏览器顶部或底部。接着可以使用伪元素 ::before 或 ::after 来创建进度条的外观及样式，例如：
.progress-bar {
position:fixed;
top:0;
left:0;
width:100%;
height:5px;
background-color:#ccc;
}
.progress-bar::before {
content:'';
display:block;
width:50%;
height:100%;
background-color:#00bfff;
}上述代码中，.progress-bar 是进度条的容器元素，设置了进度条的位置、大小和背景颜色；:before 伪元素则是进度条的主体部分，设置了进度条的颜色和样式。
需要注意的是，在实际应用过程中需结合 JavaScript 进行动态更新进度条的数值和比例。同时，还需考虑兼容性问题，在有些旧版本浏览器可能无法正常显示。