vcf-progress-spinner | Vaadin

Web Component for customized progress spinners


Gitter npm version Published on Vaadin Directory

<vcf-progress-spinner> is a Web Component for creating customized progress spinners.

GIF of Vaadin Component Factory progress spinner

Live demo ↗


Install vcf-progress-spinner:

npm i @vaadin-component-factory/vcf-progress-spinner --save


Once installed, import it in your application:

import '@vaadin-component-factory/vcf-progress-spinner';

Add <vcf-progress-spinner> element to the page.

<vcf-progress-spinner value="0.3"></vcf-progress-spinner>

Running demo

  1. Fork the vcf-progress-spinner repository and clone it locally.

  2. Make sure you have npm installed.

  3. When in the vcf-progress-spinner directory, run npm install to install dependencies.

  4. Run npm start to open the demo.

Vaadin Prime

This component is available in the Vaadin Prime subscription. It is still open source, but you need to have a valid CVAL license in order to use it. Read more at: Pricing


Commercial Vaadin Add-on License version 3 (CVALv3). For license terms, see: LICENSE

Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see: Vaadin Usage Statistics


Link to this version
ImportedReleased 04 September 2019Other
Framework Support
Polymer 3.0+
Browser Independent
Install with
npm install @vaadin-component-factory/vcf-progress-spinner"@1.0.1"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 1.0.1


  • @polymer/polymer#^3.0.0
  • @vaadin/vaadin-button#2.2.0
  • @vaadin/vaadin-element-mixin#^2.1.3
  • @vaadin/vaadin-lumo-styles#^1.5.0
  • @vaadin/vaadin-themable-mixin#^1.4.4