從ASP代碼后面將參數傳遞給Javascript函數

Question

我有一個漫長的過程，我想向用戶顯示一個進度條，我將參數（百分比）傳遞給我的帶有母版頁的Webform中的Javascript函數。

我有這個：

<script type="text/javascript"> 
        function updateProgress(percentage) {          
            document.getElementById('ProgressBar').style.width = percentage+"%";
        }
</script>

和：

<div class="progress progress-striped active progress-success" style="height: 43px">
      <div id="ProgressBar" class="progress-bar" role="progressbar" runat="server"
          aria-valuemin="0" aria-valuemax="100" style="width: 0%">
      </div>
</div>

在我的代碼隱藏中，我有這個將參數傳遞給函數：

// Report progress >> ~ 18%                   
string updateProgress = "18";
ClientScript.RegisterStartupScript(this.GetType(), "updateProgress", "updateProgress('" + updateProgress + "');", true);

當我運行代碼時，進度條永遠不會從0％移動。 我想通過使用新參數再次調用函數來繼續更新代碼后面的百分比完成，直到達到100％。

我瀏覽過論壇，但我無法看到我需要做些什么才能讓它發揮作用。

有任何想法嗎？

Answer 1

試試這種方式

    string updateProgress = "18%";
    ClientScript.RegisterStartupScript(this.GetType(), "updateProgress", "updateProgress('" + updateProgress + "');", true);

腳本AS

   <script type="text/javascript">
    function updateProgress(percentage) {
        document.getElementById("ProgressBar").style.width = percentage;
    }
  </script>

ASPX頁面

   <div class="progress progress-striped active progress-success" style="height: 43px">
        <div id="ProgressBar" runat="server" class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100"
            style="width: 0px;" >
        </div>
    </div>