Я пытаюсь загрузить записи, используя ветерок. При загрузке записи я показываю значок вращения. Но почему-то значок вращения, кажется, останавливается, пока записи загружаются в сетку. Вот мой HTML

<div id="showSpin" data-bind="visible: isSpinning" style="padding: 10px; position: absolute; top:248px;left: 320px;  background-color: #FFF; opacity: 0.9; filter: alpha(opacity=90);">
    <img src="/images/spin.gif" />
</div>

вот мой код для загрузки изображения

isSpinning(true)
context.getData(name, records).then(function (data) {
     isSpinning(false);

    setTimeout(function () {
        isSpinning(false);
    }, 300);

})
.fail("Record not found");

Update1 Я попробовал ниже код в соответствии с ответом, но ничего не происходит. Я также включил CSS. Но ничего не вижу.

<div id="loading" data-bind="visible: isSpinning" style="padding: 10px; position: absolute; top:240px;left: 280px;  background-color: #FFF; opacity: 0.9; filter: alpha(opacity=90);">
    <i class="icon-spin " style="width: 40px"></i>
    <!--<img src="../../../../../Content/images/download.jpg" style="width: 40px" />-->
</div>