Ember.js component with HTML input range does not set value correctly

I have a simple Ember component that only contains a single input range slider, like so:

<input
  type="range"
  value=500
  min=0
  max=500
>

When it renders initially, the slider's position is not set to the very end as you would expect. It is set at around the 100 position.