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}%;"}

HAML で Ruby コードを評価する場合に末尾-または記号を使用するのと同様に、このように Ruby コードを「有効にする」必要があると考えていたため、混乱しました。=

于 2013-01-27T08:19:55.050 に答える