Resize Loading Indicator

[Joel]

This changes the loading image on my datagrid.  However, its huge.  How do I resize this down to something reasonable?  So, I need to show a gif 125px X 125px inside a grid that is about 1100px X 550px.  Right now it seems the gif is resized to fit the entire area.

<style>

.k-loading-image:before,
.k-loading-image:after {
    display: none !important;
}

.k-loading-image {
    background: url('./images/Busy/SmallV1.gif') center center no-repeat;
}
</style>

[Petar]

Hi Joel,

Here is a REPL project in which the below CSS code is used to add a new loading indicator to the Grid and change its size. 

.k-loading-image {
    background: url('http://bestanimations.com/Science/Gears/loadinggears/loading-gear-2.gif') center center no-repeat;
    background-size: 200px 200px;
}

To change the size of the Grid loader, the code in yellow is used.

Try applying the suggested approach and let me know if you need furhter assistance with the current thread. 

Regards,
Petar
Progress Telerik