moviewyrm/bookwyrm/templates/snippets/progress_update.html

<form class="field is-grouped is-small pl-2" action="/edit-readthrough" method="POST">
    {% csrf_token %}
    <input type="hidden" name="id" value="{{ readthrough.id }}"/>
    <div class="control">
        {% if readthrough.progress_mode == 'PG' %}
        on page
        {% else %}
        currently at
        {% endif %}
    </div>
    <div class="control">
        <input
         aria-label="{% if readthrough.progress_mode == 'PG' %}Current page{% else %}Perent read{% endif%}"
         class="input is-small" type="text"
         name="progress" size="3" value="{{ readthrough.progress|default:"" }}">
    </div>
    <div class="control">
        {% if readthrough.progress_mode == 'PG' and book.pages %}
        of {{ book.pages }}
        {% else %}
        %
        {% endif %}
    </div>
    <div class="control">
        <button class="button is-small px-2" type="submit">Go</button>
    </div>
</form>