Ultima modifica:
Ciao a tutti,
vorrei creare una specie di progress bar per indicare una complessità che sia suddivisa in 3 e che cambi colore in base al riempimento.
Se la complessità è "Facile" dovrà essere verde e piena per 1/3, se è "Media" gialla e piena per 2/3 infine se "Difficile" rossa e completamente piena.
A prescindere dal valore, la barra deve avere delle "tacche" che sporgono un po' più dell'altezza del componente che indicano la divisione. Centrato sotto alla rispettiva sezione il testo della complessità colorando solo quello del valore raggiunto.
Il valore verrà dato in ingresso e non sarà modificabile dall'utente. E' una progress bar indicativa
Qualcuno è in grado di fare qualcosa? Sono un po' indietro con il CSS
L'intendo è di creare un component Angular da riutilizzare in varie parti di un progetto
vorrei creare una specie di progress bar per indicare una complessità che sia suddivisa in 3 e che cambi colore in base al riempimento.
Se la complessità è "Facile" dovrà essere verde e piena per 1/3, se è "Media" gialla e piena per 2/3 infine se "Difficile" rossa e completamente piena.
A prescindere dal valore, la barra deve avere delle "tacche" che sporgono un po' più dell'altezza del componente che indicano la divisione. Centrato sotto alla rispettiva sezione il testo della complessità colorando solo quello del valore raggiunto.
Il valore verrà dato in ingresso e non sarà modificabile dall'utente. E' una progress bar indicativa
Qualcuno è in grado di fare qualcosa? Sono un po' indietro con il CSS
L'intendo è di creare un component Angular da riutilizzare in varie parti di un progetto