{% extends "global/Page.html" %}
{% load otree static %}


{% block title %}
Your Rank in the Distribution - Your Decision
{% endblock %}

{% block content %}


<div class="instructions well well-lg" xmlns="http://www.w3.org/1999/html">
<p>By adjusting the slider below, please state the probability with which you think that you scored in the top half of the distribution
(that is, as compared to other people who have completed the same task as you).</p>


<p>The initial position of the slider is randomly determined (it is NOT related to your actual rank).</p>
</div>

<center>{% formfield player.choice_prior_x label="Please adjust the slider to state the probability with which you think that you are in the top half of the distribution." %}</center>



    {% next_button %}
<br>


<script>

    $(document).ready(function () {
        $('input[type=range]').on('input change', function () {
            $('input[type=range]').addClass('myclass');
        });

    });
</script>


{% endblock %}