← Back

vcf-progress-spinner

Web Component for customized progress spinners

Author

Contributors

Rating

<vcf-progress-spinner>

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

GIF of Vaadin Component Factory progress spinner

Live demo ↗

Installation

Install vcf-progress-spinner:

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

Usage

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

Fork the vcf-progress-spinner repository and clone it locally.
Make sure you have npm installed.
When in the vcf-progress-spinner directory, run npm install to install dependencies.
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

License

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

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

Dependencies

@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

Released: 2019-09-04
Maturity: IMPORTED
License: Other

Compatibility

Framework: Polymer 3.0+
Browser: Browser Independent

vcf-progress-spinner - Vaadin Add-on Directory

Web Component for customized progress spinners

# <vcf-progress-spinner> [![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/vaadin/web-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [![npm version](https://badgen.net/npm/v/@vaadin-component-factory/vcf-progress-spinner)](https://www.npmjs.com/package/@vaadin-component-factory/vcf-progress-spinner) [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadin-component-factoryvcf-progress-spinner) `` is a Web Component for creating customized progress spinners. ![GIF of Vaadin Component Factory progress spinner](https://user-images.githubusercontent.com/3392815/86607970-a154e200-bfb2-11ea-9b1b-dec5d9e1dd64.gif) [Live demo ↗](https://vcf-progress-spinner.netlify.app) ## Installation Install `vcf-progress-spinner`: ```sh npm i @vaadin-component-factory/vcf-progress-spinner --save ``` ## Usage Once installed, import it in your application: ```js import '@vaadin-component-factory/vcf-progress-spinner'; ``` Add `` element to the page. ```html ``` ## Running demo 1. Fork the `vcf-progress-spinner` repository and clone it locally. 1. Make sure you have [npm](https://www.npmjs.com/) installed. 1. When in the `vcf-progress-spinner` directory, run `npm install` to install dependencies. 1. 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](https://vaadin.com/pricing) ## License Commercial Vaadin Add-on License version 3 (CVALv3). For license terms, see: [LICENSE](https://github.com/vaadin-component-factory/vcf-progress-spinner/blob/master/LICENSE) Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see: [Vaadin Usage Statistics](https://github.com/vaadin/vaadin-usage-statistics)

Directory