diff --git a/public/js/reader.js b/public/js/reader.js
index b681e26..5aae33a 100644
--- a/public/js/reader.js
+++ b/public/js/reader.js
@@ -58,6 +58,9 @@ $('#page-select').change(function(){
 	jumpTo(parseInt($('#page-select').val()));
 });
 function showControl(idx) {
+	const pageCount = $('#page-select > option').length;
+	const progressText = `Progress: ${idx}/${pageCount} (${(idx/pageCount * 100).toFixed(1)}%)`;
+	$('#progress-label').text(progressText);
 	$('#page-select').val(idx);
 	UIkit.modal($('#modal-sections')).show();
 	styleModal();
diff --git a/src/views/reader.ecr b/src/views/reader.ecr
index aa0e884..d186adc 100644
--- a/src/views/reader.ecr
+++ b/src/views/reader.ecr
@@ -37,6 +37,9 @@
           <h3 class="uk-modal-title">Options</h3>
         </div>
         <div class="uk-modal-body">
+			<div class="uk-margin">
+				<p id="progress-label"></p>
+			</div>
           <div class="uk-margin">
             <label class="uk-form-label" for="form-stacked-select">Jump to page</label>
             <div class="uk-form-controls">