c# - ASP.net 将宽度设置为存储在 C# 中的值

Question

我的 asp.net 页面中有一个 Bootstrap 进度条，它具有静态值，用于保存填充进度条的数据。进度条从 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>

理想情况下，我不想使用像 (75%) 这样的静态值，而是希望传递一个从 c# 文件中的计算得出的值，该值将在前端填充 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 设置为 session 并尝试在 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);

希望对您有所帮助。