diff --git a/bookwyrm/static/css/format.css b/bookwyrm/static/css/format.css
index db3c20ef..9c116c7d 100644
--- a/bookwyrm/static/css/format.css
+++ b/bookwyrm/static/css/format.css
@@ -57,6 +57,19 @@ input.toggle-control:checked ~ .modal.toggle-content {
     content: '\e9d7';
 }
 
+/* progress update */
+.progress-update {
+    padding: 0 0.5rem;
+}
+.progress-update.is-small,
+.progress-update input.is-small {
+    font-size: 0.75rem;
+}
+
+.progress-update input {
+    width: 3em;
+}
+
 
 /* --- BOOK COVERS --- */
 .cover-container {
diff --git a/bookwyrm/templates/snippets/progress_update.html b/bookwyrm/templates/snippets/progress_update.html
new file mode 100644
index 00000000..df9018a8
--- /dev/null
+++ b/bookwyrm/templates/snippets/progress_update.html
@@ -0,0 +1,5 @@
+<div class="progress-update is-small">
+    on page
+    <input class="is-small" type="text" size="3">
+    of
+</div> 
diff --git a/bookwyrm/templates/snippets/shelve_button.html b/bookwyrm/templates/snippets/shelve_button.html
index 3b924324..d8ed438f 100644
--- a/bookwyrm/templates/snippets/shelve_button.html
+++ b/bookwyrm/templates/snippets/shelve_button.html
@@ -63,6 +63,10 @@
         </div>
         {% endwith %}
     </div>
+
+    {% if active_shelf.identifier == 'reading' %}
+    {% include 'snippets/progress_update.html' %}
+    {% endif %}
 </div>
 
 {% endif %}