Skip to content

"Static Healthbars": Snowman (v1.3)#

Summary#

"Static Healthbars" demonstrates how to write HTML elements using variable values. In this example, Underscore template functionality is used to create <progress> and <meter> elements.

Example#

Download

Twee Code#

:: StoryTitle
Static Healthbars in Snowman

:: Start
<%
  window.setup = {};
  window.setup.health = 80;
%>

Show a healthbar using a Progress element:
<%= '<progress value="' + window.setup.health + '" max="100"></progress>' %>

Show a healthbar using a Meter element:
<%= '<meter value="' + window.setup.health + '" min="0" max="100"></meter>' %>

Twee Download