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# 文件中的计算得出的值，该值将填充前端的样式="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%" 中调用会话值，但我不确定如何执行此操作。

如有任何帮助，我们将不胜感激。谢谢

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>

然后您将能够在 post-back 期间在代码隐藏中访问其样式，如下所示：

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

希望对您有所帮助。

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

ASP.net set width to value stored in c#

c#

asp.net

session-variables

twitter-bootstrap

progress-bar