HTML5のprogressを使ってライフゲージを実装する

このエントリーをはてなブックマークに追加

HTML5のprogressを使ってライフゲージが実装できる
ライフゲージ、ゲームで使うHPバー等ですね
meterを使う手段もあるけど、ライブラリが必要ないprogressの方がお手軽

HTML5のprogressを使ってライフゲージを実装するサンプル

増加処理だけで書きましたが、実際の値とvalue値を比較して処理する事で色々出来ますね