0

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

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

我正在像这样计算栏的进度：

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

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

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

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

4

1 回答 1

2

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

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

我很困惑，因为我想我需要像这样“启用” Ruby 代码，类似于在 HAML 中评估 Ruby 代码时使用尾随-或符号。=

于 2013-01-27T08:19:55.050 回答