Directory

← Back

Progress components

Progress components

Author

Rating

Popularity

200+

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);

Compatibility

(Loading compatibility data...)

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 components Progress components - Vaadin Add-on Directory
progress components for asynchronous backend code
Online Demo
Author 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

Online