# Add your own custom loading spinner

**URL:** <https://forums.knack.com/t/add-your-own-custom-loading-spinner/14138>\
**Category:** Show & Tell\
**Created:** [April 21, 2023, 10:01pm UTC](https://forums.knack.com/t/add-your-own-custom-loading-spinner/14138 "2023-04-21T22:01:32Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Johnny\_Appknowledged\_UK](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/johnny_appknowledged_uk/32/2898_2.png) [@Johnny\_Appknowledged\_UK](https://forums.knack.com/u/Johnny_Appknowledged_UK)\
**Post date:** [April 21, 2023, 10:01pm UTC](https://forums.knack.com/t/add-your-own-custom-loading-spinner/14138/1 "2023-04-21T22:01:32Z")

</div>

Have a very simple one for you today. You can change the loading spinner with Gifs from [Best Loading Spinner GIFs | Gfycat](https://gfycat.com/gifs/search/loading+spinner).

Just copy and paste this into your **CSS** and your good to go.

```auto
#kn-loading-spinner {  
    z-index: 3001; 
    background: url(https://thumbs.gfycat.com/ConventionalOblongFairybluebird-max-1mb.gif) no-repeat center center;
    background-size: 200px;
    margin-top: 3%; 
    width: 150%;
    height: 150%;
}

```