diff --git a/docs/release-notes-editor.txt b/docs/release-notes-editor.txt
index 8de3be32f98d74b88a7a27de31b499bfd236e911..bffd118ad628547a05f12b6ea986d7c5346e99aa 100644
--- a/docs/release-notes-editor.txt
+++ b/docs/release-notes-editor.txt
@@ -4,6 +4,7 @@ Editor
  - Fix setting of the default z-index for frames
  - Use dot instead of comma as thousands separator in number line
  - Rename option "Balken statt Kreis" of number line to "Zahlenstrahl-Modus"
+ - Do not color the progress on the number line
 
 1.22.0
 - Rework cloze element
diff --git a/docs/release-notes-player.txt b/docs/release-notes-player.txt
index 4659a93f33797d0aa64a9ba0b0177b4634c583b2..7760a4661cba2ee4dc1d440afddf13d9669dba4b 100644
--- a/docs/release-notes-player.txt
+++ b/docs/release-notes-player.txt
@@ -5,6 +5,7 @@ Player
 - Change names of virtual keyboards for math
 - Fix the display of dynamic elements with negative z-index
 - Use dot instead of comma as thousands separator in number line
+- Do not color the progress on the number line
 
 
 1.16.0
diff --git a/projects/common/ui-elements/slider/slider.component.ts b/projects/common/ui-elements/slider/slider.component.ts
index c894fbb08ac89dc0ac635fa02b3b271a7d3f39df..d212e76006d275399b316cdb83709fbbc2774431 100644
--- a/projects/common/ui-elements/slider/slider.component.ts
+++ b/projects/common/ui-elements/slider/slider.component.ts
@@ -63,7 +63,9 @@ import { FormElementComponent } from '../../directives/form-element-component.di
     </div>
   `,
   styles: [
-    ':host ::ng-deep .bar-style .mat-slider-thumb {border-radius: 0; width: 10px; height: 40px; bottom: -15px}'
+    ':host ::ng-deep .bar-style .mat-slider-thumb {border-radius: 0; width: 10px; height: 40px; bottom: -15px}',
+    ':host ::ng-deep .bar-style .mat-slider-track-fill { background-color: rgba(0,0,0,.38);}',
+    ':host ::ng-deep .bar-style .mat-slider-track-background { background-color: rgba(0,0,0,.38);}'
   ]
 })
 export class SliderComponent extends FormElementComponent implements OnInit {