Untitled

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>MFiddle</title>
    <script type="text/montage-serialization">{
        "range": {
            "prototype": "montage/ui/input-range.reel",
            "properties": {
                "element": {"#": "range"},
                "value": 50
            }
        },

        "dynamicText": {
            "prototype": "montage/ui/dynamic-text.reel",
            "properties": {
                "element": {"#": "dynamicText"}
            },
            "bindings": {
                "value": {"<-": "@range.value"}
            }
        }
    }</script></head>
<body>
    <input type="range" data-montage-id="range" class="range">
    <h2 data-montage-id="dynamicText"></h2>
</body>
</html>