Loader / Spinner / Preloader | JS/CSS | Tutorial
Hello I am new here and I found something great and super easy.

See here they provides multiple options you can use it according to your need.
Compatibility


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.