Javascript 如何在回调中显示进度指示器

我有这样一个进度指标：

HTML代码（在Webform2.aspx中）：

我在页面的开头写了这个脚本，名字是：Webform2.aspx

 <script>
    $(window).load(function () {

        $('#spinner').fadeout(2000);
    });
</script>

---

我想当用户点击按钮1时，它会显示进度指示器，直到Webform1.aspx加载完毕！我怎么做

你对此有什么问题？难道你不知道如何设置滚动条的动画，或者你不知道如何监听事件的进度吗？我想当用户wsa响应另一个页面时，它会向他显示一个进度指示器是的，我理解。但我问你到底有什么问题。你不知道怎么做css或者你不知道怎么得到当前的进度值吗？我不知道怎么做css..我不知道你有什么问题。一切正常。在这里：

.spinner {
        margin: 100px auto 0;
        width: 70px;
        text-align: center;
    }

        .spinner > div {
            width: 18px;
            height: 18px;
            background-color: #333;
            border-radius: 100%;
            display: inline-block;
            -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
            animation: bouncedelay 1.4s infinite ease-in-out;
            /* Prevent first frame from flickering when animation starts */
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

        .spinner .bounce1 {
            -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
        }

        .spinner .bounce2 {
            -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
        }

    @-webkit-keyframes bouncedelay {
        0%, 80%, 100% {
            -webkit-transform: scale(0.0);
        }

        40% {
            -webkit-transform: scale(1.0);
        }
    }

    @keyframes bouncedelay {
        0%, 80%, 100% {
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
        }

        40% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
    }

 <script>
    $(window).load(function () {

        $('#spinner').fadeout(2000);
    });
</script>

   protected void Button1_Click(object sender, EventArgs e)
    {
        Response.Redirect("webform2.aspx");
    }