CSS3是前端開發中常用的樣式技術之一，而加載進度動畫也是我們常見的頁面效果。下面，我們將介紹如何使用純CSS3來實現加載進度動畫。

.loading-container {
position: relative;
width: 100%;
height: 5px;
background-color: #eee;
}
.loading-bar {
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #2196F3;
animation: loading 2s ease-in-out infinite;
}
@keyframes loading {
0% { width: 0%; }
50% { width: 50%; }
100% { width: 100%; }
}

以上代碼中，我們創建了一個名為.loading-container的容器元素，并且指定了它的寬度、高度和背景顏色。接著，我們創建了一個名為.loading-bar的子元素，并絕對定位在父級容器的頂部和左側。通過指定寬度為0，并在動畫中逐漸增大寬度，就可以實現加載進度動畫了。該動畫采用了2秒的時間，并且循環播放。

最后，將以上代碼應用在HTML頁面中即可。你可以根據自己的需要進行修改，如調整容器高度、顏色等。