C# 检查用户名可用性

我在createuserwizard中创建了检查用户名可用性。我在检查过程中添加了一个进度指示器，并将显示一个微调器图像（gif格式），这是通过使用java脚本完成的

如果系统正在检查数据库中的用户名，它将显示微调器图像，同时显示文本“检查可用性…”

问题不在于微调器图像在检查时不显示

以下是代码：

<script language="javascript" type="text/javascript">
      // Hook the InitializeRequest event.
      Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(InitializeRequest);

      function InitializeRequest(sender, args) {
          // Change div's CSS class and text content.
          $get('UserAvailability').className = 'progress';
          $get('UserAvailability').innerHTML = 'Checking availability...';

      }
  </script>


  <asp:UpdatePanel runat="server" ID="up1">
                            <ContentTemplate>
                        <tr> 
                            <td class="style4">Username:</td>
                            <td> 

                                <asp:TextBox runat="server" ID="UserName" AutoPostBack="True" 
                                    ontextchanged="Username_Changed" Width="190" />



                                     <div runat="server" id="UserAvailability" style="background-position: left; background-repeat: no-repeat; margin-left: -250px; padding-left: 22px; float:right;"></div>
                          </td> 

                        </tr> 

                        </ContentTemplate>
                      </asp:UpdatePanel>

我用了一个母版页，我试着把JS文件放在母版页中，但是图像仍然没有出现

编辑

    <style type="text/css">
       #UserAvailability 
{
  padding-left: 22px;
  margin-left: 30px;
  float: left;
  background-position: left;
  background-repeat: no-repeat;
}

.progress
{
  background-image: url(Images/spinner.gif);
}

.taken
{
  background-image: url(Images/taken.gif);
}

.available
{
  background-image: url(Images/available.gif);
}


        </style> 

#用户可用性
{
左侧填充：22px；
左边距：30px；
浮动：左；
背景位置：左；
背景重复：无重复；
}
.进展
{
背景图像：url（Images/spinner.gif）；
}
.服用
{
背景图像：url（Images/take.gif）；
}
.可用
{
背景图像：url（Images/available.gif）；
}

为什么要线程。睡眠？？你认为你的代码太快了，应该慢下来吗？我看不到任何“微调器图像”的标记。。。你为什么也睡你的线？您可以使用一个css类，通过

div.addcscsclass（“处理”）将背景图像添加到微调器的div中

然后在任务返回时将其删除。我确实将其添加到了我的cs文件中。。看看上面的帖子，我已经编辑过了

    <style type="text/css">
       #UserAvailability 
{
  padding-left: 22px;
  margin-left: 30px;
  float: left;
  background-position: left;
  background-repeat: no-repeat;
}

.progress
{
  background-image: url(Images/spinner.gif);
}

.taken
{
  background-image: url(Images/taken.gif);
}

.available
{
  background-image: url(Images/available.gif);
}


        </style>