style: change page loader progress to spinner

Author: howeyc

ledger/cmd/templates/template.common.html

@@ -114,8 +114,9 @@
 	</script>
 {{end}}
 {{define "payee-transaction-table"}}
-<div id="tableprogress" class="progress">
-	<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
+<div id="tableprogress" class="text-center">
+  <strong role="status">Loading...</strong>
+  <div class="spinner-border ms-auto float-end" aria-hidden="true"></div>
 </div>
 
 <div id="transactions-section" style="display: none;">

ledger/cmd/templates/template.ledger.html

@@ -30,8 +30,9 @@ <h1>Ledger</h1>
 			<div class="row">
 				<div class="col-md-12">
 
-					<div id="tableprogress" class="progress">
-						<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
+					<div id="tableprogress" class="text-center">
+						<strong role="status">Loading...</strong>
+						<div class="spinner-border ms-auto float-end" aria-hidden="true"></div>
 					</div>
 
 					<div id="transactions-section" style="display: none;">