In this blog, I am creating a line loading effect & growing lines loading animation using HTML & CSS. So, Let’s create an index.html & style.css below-
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-82.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-83.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-84.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-85.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-86.png)
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-87.png)
In this blog, I am creating a line loading effect & growing lines loading animation using HTML & CSS. So, Let’s create an index.html & style.css below-