Loader / Spinner / Preloader | JS/CSS | Tutorial
Hello I am new here and I found something great and super easy.
![](https://i.ibb.co/JjRwXby/image.png)
See here they provides multiple options you can use it according to your need.
Compatibility
![](https://img.shields.io/static/v1?label=Supports%20all%20versions%20of%20Flarum&message=True&colorA=%23e7672e&colorB=%23ACA0E5&RameshTutorial=Good&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDIuMiAxNjcuMSI%2BPHBhdGggZmlsbD0iI2RjZGNkYyIgZD0iTTgxLjIgMTEydjU1bC02OC40LTQ0LjctMi44LTEuOC02LTRjLTEtLjYtMS45LTEuNS0yLjUtMi42eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zLjQgMEEzLjQgMy40IDAgMDAwIDMuNFYxMDlhOSA5IDAgMDA0IDcuNmw2IDMuOSAyLjggMS44cy0xMS40LTguNCAyLjQtOC40aDEyN1YweiIvPjwvc3ZnPg%3D%3D&style=for-the-badge&link=https://discuss.flarum.org/d/27434-add-an-extra-loader-spinner-preloader-jscss-tutorial)
![](https://i.ibb.co/chjqwtv/flarum1ready.png)
You can see the docs here or follow the steps below:
Step 1 : Firstly add this script in Appearance > Custom Header
<script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/pace.min.js"></script>
Step 2 : Download theme (css file) you like from here
Open it with any editor or notepad copy full css with Ctrl + A and Ctrl + C and simply add this css in Appearance > Custom CSS. Click Save Changes.
and you are done. Now you can simply check your forum if it works well or not.
I know this is something ultra easy but only just for RESOURCES I written it here you can share your thoughts if you like it.