Я хочу добавить анимацию загрузки, пока работает php l oop (для l oop). Допустим, это для l oop с 10 числами. Я хочу, чтобы анимация отображалась как 1 Идет загрузка. Когда начинается число секунд, отображается 2 Идет загрузка только (не как 1, так и 2). Надеюсь, вы можете правильно понять мой вопрос. Можете ли вы помочь мне в этом
<html>
<head>
<style>
.loading:after {
content: ' .';
animation: dots 1s steps(5, end) infinite;}
@keyframes dots {
0%, 20% {
color: rgba(0,0,0,0);
text-shadow:
.25em 0 0 rgba(0,0,0,0),
.5em 0 0 rgba(0,0,0,0);}
40% {
color: white;
text-shadow:
.25em 0 0 rgba(0,0,0,0),
.5em 0 0 rgba(0,0,0,0);}
60% {
text-shadow:
.25em 0 0 white,
.5em 0 0 rgba(0,0,0,0);}
80%, 100% {
text-shadow:
.25em 0 0 white,
.5em 0 0 white;}}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<?php
$i=0;
for ($i=0;$i <= 10; $i++)
{
echo " <p class='loading'>$i Loading</p>";
}
?>
</body>
</html>