As one solution, please place your .gif file in the them/web folder.
Add the following to main.scss:
.mx-progress {
background-color: transparent !important;
}
.mx-progress-indicator {
background: url("customProgress.gif") !important;
background-repeat: no-repeat !important;
height: 100px !important;
width: 100px !important;
}
.mx-progress-indicator::after {
display: none !important;
}
.mx-progress-indicator::before {
display: none !important;
}
It would be better if you make the background of your gif file transparent.
I hope this solution resolves your issue.
Hi Koudai ,
Refer this forum
https://community.mendix.com/link/space/user-experience/questions/115809