Als Kunde möchte ich die Progress Bar Farben je nach Stand in einer definierten Farbe angezeigt haben, damit man auf einem ersten Blick den Stand sieht.
Bei der aktuell eingesetzten Angular Material Komponente kann man die Farbe nicht frei definieren. Aus diesem Grund implementieren wir eine eigene Progress Bar Komponente, welche der Progress mit einem SVG anzeigt.
Die Komponente hat drei Farben, welche über Input-Properties definiert werden. Der Komponente wird über zwei weitere Input-Properties zwei Grenzwerte in Prozent übergeben, welche der Grenzwert zwischen den drei Farben definiert.
Als Kunde möchte ich die Progress Bar Farben je nach Stand in einer definierten Farbe angezeigt haben, damit man auf einem ersten Blick den Stand sieht.
Bei der aktuell eingesetzten Angular Material Komponente kann man die Farbe nicht frei definieren. Aus diesem Grund implementieren wir eine eigene Progress Bar Komponente, welche der Progress mit einem SVG anzeigt.
Die Komponente hat drei Farben, welche über Input-Properties definiert werden. Der Komponente wird über zwei weitere Input-Properties zwei Grenzwerte in Prozent übergeben, welche der Grenzwert zwischen den drei Farben definiert.
Zum Beispiel:
Akzeptanzkriterien