Question

我刚开始学习使用Sinatra，HAML和Twitter Bootstrap构建小型网络应用程序。

在我的应用程序中，每500秒执行一次操作。我想在我的页面上放置一个进度条，指示下一个操作发生之前的剩余时间。现在，如果重新加载页面，栏应该更新。

我正在计算这个栏的进度：

-percentage = (Time.now.to_i.modulo(500))/5

现在，在我的原型HAML页面布局中，我有一个这样的进度条：

%div.progress.progress-striped.active
  %div.bar{:style => "width: 40%;"}

我正在努力找出将进度条的width属性设置为先前计算的进度百分比的正确语法。

Answer 1

事实证明，我可以简单地将百分比放在属性中，如下所示：

%div.progress.progress-striped.active
  %div.bar{:style => "width: #{percentage}%;"}

我很困惑，因为我认为我需要在这里“启用”Ruby代码，类似于使用尾随-或=符号，如果我想在HAML中评估Ruby代码。 / p>