title: Binding enum type to a HTML5 range control
body: <p>I have an enum Model and want to assign it to a range control(HTML5). Any idea how this could be done. Here's my sample code:</p>
  
  <pre><code>public enum SkillLevel
      {
          Beginner = 1,
          Intermediate,     
          Advanced,
          Professional
      }
  </code></pre>
  
  <p>and I want the SkillLevel to be shown as a slider(type="range") in my view.</p>