format...

src/lib/rendering.ts

@@ -731,8 +731,8 @@ function generateUngroupedPercentageBar(data: Attendance): string {
 function generatePercentageBar(data: Attendance): string {
     return `
       <div class="percentage-bar grouped-bar">
-        <div style="width: ${data.present * 100 / data.sum()}%;background-color: darkgreen"></div>
-        <div style="width: ${data.noshow_excused * 100 / data.sum()}%;background-color: yellow"></div>
-        <div style="width: ${data.noshow * 100 / data.sum()}%;background-color: red"></div>
+        <div style="width: ${(data.present * 100) / data.sum()}%;background-color: darkgreen"></div>
+        <div style="width: ${(data.noshow_excused * 100) / data.sum()}%;background-color: yellow"></div>
+        <div style="width: ${(data.noshow * 100) / data.sum()}%;background-color: red"></div>
       </div>`;
 }