要制作动态加载效果，可以使用CSS中的animation属性来实现。具体步骤如下：
制作进度条也是使用CSS中的animation属性来实现的。具体步骤如下：
下面是一个简单的示例代码：
.loading{
animation: loading 1s infinite;
}
@keyframes loading{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
.progress{
width: 200px;
height: 10px;
background-color: #ccc;
animation: progress 5s linear;
}
@keyframes progress{
0%{
width: 0%;
}
100%{
width: 100%;
}
}
在上面的代码中，定义了两个动画，一个是loading动画，用于实现加载效果，另一个是progress动画，用于实现进度条效果。通过animation属性将这两个动画应用到对应的元素上，就可以实现动态加载效果和进度条效果了。