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()+"%";