ASP.net 將寬度設置為存儲在 c# 中的值

Question

我的 asp.net 頁面中有一個引導進度條，該頁面具有 static 值，其中包含填充進度條的數據。 進度條從 asp 中設置的寬度獲取它的值。 見下。

 <div class="progress"> <div class="progress-bar progress-bar-success" style="width:75%"> <span class="sr-only">75% Complete (success)</span> </div> <div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 25%"> <span class="sr-only">25% Complete (warning)</span> </div> </div>

理想情況下，我希望通過 c# 文件中的計算得出的值，而不是像 (75%) 這樣的 static 值，該文件將在前端填充 style="width:%"。

我的 c# 文件中的代碼如下：

Double TotalFees = (double)FeePaidInt1 + (double)FeePaid2;
                Double PaidPercent = (double)FeePaidInt1 / (double)TotalFees;
                Double FinalPercent = (double)PaidPercent * 100;


                Double UnPaidPercent = (double)FeePaid2 / (double)TotalFees;
                Double FinalUnPaidPercent = (double)UnPaidPercent * 100;

我想使用 FinalPercent 和 FinalUnPaidPercent 來填充進度條。

我想將 FinalPercent 和 FinalUnPaid 設置為會話並嘗試在 style="SessionValueHere%" 中調用 session 值，但我不確定如何執行此操作。

Answer 1

給你的<div>元素一個 ID 並設置runat="server"屬性，如下所示：

<div class="progress-bar progress-bar-success" style="width:75%" ID="progressBarSuccess" runat="server" >
  <span class="sr-only">75% Complete (success)</span>
</div>

然后，您將能夠在回發期間在代碼隱藏中訪問其樣式，如下所示：

progressBarSuccess.Style["width"] = String.Format("{0}%", (int)FinalPercent);

希望有幫助。

Answer 2

<div class="progress">
        <div class="progress-bar progress-bar-success" ID="progressBarSuccess" runat="server" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
            <asp:Label ID="lblProgreeBarMsg" runat="server"></asp:Label>
        </div>
    </div>

C# 代碼：

lblProgreeBarMsg.Text = dt3.Rows[0]["StatusText"].ToString();
progressBarSuccess.Style["width"] = dt3.Rows[0]["StatusValue"].ToString()+"%";