Circular Progressbar Add-on | Vaadin

Customizable circular progress bar

A circular progress bar for Vaadin 8

Created by using SVG and JavaScript


  • Mimics the standard progress bar by using Valo presets
  • Similar API as the standard progress bar
  • Uses transition like behavior on value updates
  • A description can be added underneath the percentage area
  • Ability to set the scale (1.0f represents a full circle, 0.5f a semicircle)
  • Ability to set a background image
  • Custom styling can still be done via SCSS (Some examples)

Missing a feature or found a bug? Create an issue on Github!


Link to this version
StableReleased 08 March 2019Apache License 2.0
Framework Support
Vaadin 8.0+
Browser Compatibility
Install with
Release notes - Version 1.1.0
  • added ie support | thanks @nerduel for the contribution!