Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

ProgressIndicator Customisation

Ahmed Chaabni
1 decade ago Jan 31, 2012 1:45pm
Johannes Häyry
1 decade ago Feb 08, 2012 12:40pm

Here's a simple example

Define two styles.

.red .v-progressindicator-indicator {
	background: #f00 none;

.green .v-progressindicator-indicator {
	background: #0f0 none;

Initially set

ProgressIndicator p = new ProgressIndicator();

and when you update the value over 0.5