Directory

← Back

Circular Progressbar Add-on

Customizable circular progress bar

Author

Contributors

Rating

A circular progress bar for Vaadin 8

Created by using SVG and JavaScript

Features

  • 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!

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

  • added ie support | thanks @nerduel for the contribution!
Released
2019-03-08
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 8.0+
Browser
Firefox
Opera
Safari
Google Chrome
Android Browser
Internet Explorer
Windows Phone
Microsoft Edge

Circular Progressbar Add-on - Vaadin Add-on Directory

Customizable circular progress bar Circular Progressbar Add-on - Vaadin Add-on Directory
### A circular progress bar for Vaadin 8 Created by using SVG and JavaScript ### Features * 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](https://github.com/appreciated/circular-progress-bar/tree/master/circular-progressbar-addon/src/main/resources)) [Missing a feature or found a bug? Create an issue on Github!](https://github.com/appreciated/circular-progress-bar/issues)
Online