Remove fomantic progress module (#19760)

Replace it with HTML `<progress>` element. The bar won't go green at
100% anymore but I think it's not something that fits stylistically anyways.

4 files changed, 20 insertions, 41 deletions

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index 4aff590de4..461195df01 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -207,6 +207,22 @@ details summary > * {
   display: inline;
 }
 
+progress {
+  background: var(--color-secondary);
+  border-radius: 6px;
+  border: none;
+  overflow: hidden;
+}
+progress::-webkit-progress-bar {
+  background: var(--color-secondary);
+}
+progress::-webkit-progress-value {
+  background-color: var(--color-secondary-dark-3);
+}
+progress::-moz-progress-bar {
+  background: var(--color-secondary-dark-3);
+}
+
 * {
   scrollbar-color: var(--color-primary) transparent;
   caret-color: var(--color-caret);
@@ -620,10 +636,6 @@ a.ui.card:hover,
   color: var(--color-primary);
 }
 
-.ui.progress[data-percent="0"] .bar .progress {
-  color: var(--color-text);
-}
-
 .ui.attached.table {
   border-color: var(--color-secondary);
 }
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index f6f86e3260..37c8b9cc21 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -1238,26 +1238,9 @@
       padding-bottom: 10px;
       border-bottom: 1px dashed var(--color-secondary);
 
-      > a {
-        padding-top: 5px;
-        padding-right: 10px;
-        font-size: 1.5rem;
-        color: var(--color-text);
-
-        &:hover {
-          color: var(--color-primary);
-        }
-      }
-
-      .ui.progress {
-        width: 40%;
-        padding: 0;
-        border: 0;
-        margin: 0;
-
-        .bar {
-          height: 20px;
-        }
+      progress {
+        width: 200px;
+        height: 16px;
       }
 
       .meta {
diff --git a/web_src/less/shared/issuelist.less b/web_src/less/shared/issuelist.less
index dfc0acfeff..32fd206827 100644
--- a/web_src/less/shared/issuelist.less
+++ b/web_src/less/shared/issuelist.less
@@ -83,21 +83,13 @@
       .checklist {
         padding-left: 5px;
 
-        .progress-bar {
+        progress {
           margin-left: 2px;
           width: 80px;
           height: 6px;
           display: inline-block;
-          background-color: var(--color-secondary);
-          overflow: hidden;
           border-radius: 3px;
           vertical-align: 2px !important;
-
-          .progress {
-            background-color: var(--color-secondary-dark-3);
-            display: block;
-            height: 100%;
-          }
         }
       }
 
diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less
index 0b8d92b01f..01150d353e 100644
--- a/web_src/less/themes/theme-arc-green.less
+++ b/web_src/less/themes/theme-arc-green.less
@@ -140,14 +140,6 @@
   background-color: #383c4a;
 }
 
-.ui.green.progress .bar {
-  background-color: #668844;
-}
-
-.ui.progress.success .bar {
-  background-color: #7b9e57 !important;
-}
-
 .following.bar.light {
   background: #2e323e;
   border-color: var(--color-secondary-alpha-40);