Null safe percentages

Tests and linting

Changelog

Changes based on @nfriend feedback

Rename test

app/assets/javascripts/vue_shared/components/stacked_progress_bar.vue

@@ -71,6 +71,10 @@ export default {
   },
   methods: {
     getPercent(count) {
+      if (!this.totalCount) {
+        return 0;
+      }
+
       const percent = roundOffFloat((count / this.totalCount) * 100, 1);
       if (percent > 0 && percent < 1) {
         return '< 1';

ee/changelogs/unreleased/7707-fix-infinity-progress.yml

+---
+title: Fix Infinity % / Infinity % on Stacked Progress Bar
+merge_request: 21437
+author:
+type: fixed

spec/javascripts/vue_shared/components/stacked_progress_bar_spec.js

@@ -53,6 +53,12 @@ describe('StackedProgressBarComponent', () => {
       it('returns percentage as `< 1` from provided count based on `totalCount` when evaluated value is less than 1', () => {
         expect(vm.getPercent(10)).toBe('< 1');
       });
+
+      it('returns 0 if totalCount is falsy', () => {
+        vm = createComponent({ totalCount: 0 });
+
+        expect(vm.getPercent(100)).toBe(0);
+      });
     });
 
     describe('barStyle', () => {