1

我正在尝试使用 HTML+CSS 创建一个百分比条。我有以下代码：

<div id="fundingBar">
    <div id="fundingPercentage" style="width:45%"><p class="percentage">45%</p></div>
</div>

现在我希望百分比是一个动态值，所以我有一个名为“百分比”的会话属性。我想在 JSP 页面中使用这个值，我知道的唯一方法是使用 EL，所以它应该是这样的：

<div id="fundingBar">
    <div id="fundingPercentage" style="width:${percentage}%"><p class="percentage">${percentage}%</p></div>
</div>

但这不起作用，所以有什么办法可以做到这一点，或者我应该使用 javascript 或类似的东西？

谢谢！

4

2 回答 2

4

模板文本中的EL（阅读：任何 JSP 标记外的纯 HTML 中的 EL）仅在web.xml声明符合 Servlet 2.4 或更高版本并且您的 webapp 部署到支持 Servlet 2.4 或更高版本的容器（自 2003 年 11 月以来已经发布）时才有效) 并且您的 web 应用程序中不包含旧版本的特定于 servletcontainer 的库，/WEB-INF/lib这只会与容器自己的库发生冲突。

否则，如果它确实是一个遗留系统，而不仅仅是配置错误web.xml的版本或类路径中的版本冲突，那么你唯一且丑陋的手段就是使用JSTL <c:out>。

<div id="fundingPercentage" style="width:<c:out value="${percentage}"/>%">

也可以看看：

当然，我假设您确实事先设置了会话属性，如下所示：

request.getSession().setAttribute("percentage", 45);
于 2012-12-13T16:43:47.280 回答
0

#fundingBar元素有多宽？使用百分比时，将根据父元素计算元素。所以如果#fundingBar是 0px 宽，那么 0px 的 45% 也是 0px。

于 2012-12-13T16:37:36.313 回答