Progress components
Progress components
progress components for asynchronous backend code
Sample code
ProgressFluidMeter fluidMeter = ProgressFluidMeterBuilder.fluid() .withInitialValue(0) .build(); ... fluidMeter.setValue(currentValue); ... fluidMeter.addProgressFinishedListener(...);
ProgressBarWithSteps barWithSteps = ProgressBarWithStepsBuilder.barWithSteps() .withInitialValue(0) .withStep("get up") .withStep("prepare for work") .withStep("work") .withStep("drink beer") .withStep("go home") .withStep("eat") .withStep("watch TV") .withStep("go to sleep") .build(); ... barWithSteps .setCurrentStepNumber(5); // example value ... barWithSteps.addProgressFinishedListener(...);
InfiniteProgress infiniteProgress = ProgressComponentBuilder .infinite() .withType(InfinityType.SquidGame) .build(); add(infiniteProgress);
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Progress components
- circular progress
- fluid meter
- progress bar with (work) steps
Infinite progress
- spinner
- Squid Game
- ring
- roller
- ripple
- dual ring
- Released
- 2022-09-21
- Maturity
- STABLE
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 23+
- Browser
- Browser Independent
Progress components - Vaadin Add-on Directory
Progress componentsprogress components for asynchronous backend code
Online DemoAuthor Homepage
View on GitHub
Progress components version 1.0.0
### Progress components
* circular progress
* fluid meter
* progress bar with (work) steps
### Infinite progress
* spinner
* Squid Game
* ring
* roller
* ripple
* dual ring
Progress components version 1.1.0
* Typescript Update for Vaadin 23.2+
* Glowing Text Spinner