candy-progress

WebJar for candy-progress

License

License

GroupId

GroupId

org.webjars.bowergithub.collaborne
ArtifactId

ArtifactId

candy-progress
Last Version

Last Version

2.1.2
Release Date

Release Date

Type

Type

jar
Description

Description

candy-progress
WebJar for candy-progress
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/Collaborne/candy-progress

Download candy-progress

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.collaborne/candy-progress/ -->
<dependency>
    <groupId>org.webjars.bowergithub.collaborne</groupId>
    <artifactId>candy-progress</artifactId>
    <version>2.1.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bowergithub.collaborne/candy-progress/
implementation 'org.webjars.bowergithub.collaborne:candy-progress:2.1.2'
// https://jarcasting.com/artifacts/org.webjars.bowergithub.collaborne/candy-progress/
implementation ("org.webjars.bowergithub.collaborne:candy-progress:2.1.2")
'org.webjars.bowergithub.collaborne:candy-progress:jar:2.1.2'
<dependency org="org.webjars.bowergithub.collaborne" name="candy-progress" rev="2.1.2">
  <artifact name="candy-progress" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bowergithub.collaborne', module='candy-progress', version='2.1.2')
)
libraryDependencies += "org.webjars.bowergithub.collaborne" % "candy-progress" % "2.1.2"
[org.webjars.bowergithub.collaborne/candy-progress "2.1.2"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.bowergithub.polymer : polymer jar [2.0.0,3)

Project Modules

There are no modules declared in this project.

candy-progress Bower version Travis state Published on webcomponents.org

Published on Vaadin  Directory Stars on vaadin.com/directory

Polymer element that creates candy progress bar.

This element is a native Polymer 2 element (ES6 class syntax). Use version 2.0.x for Polymer 2 hybrid mode.

Install

bower install candy-progress --save

Usage

Supported options:

Option Description
progress Value that sets the bar fill explicitly, the value is in percentage (The range should be 0-100)
loop If set to true the bar is going to fill repetitively.
fill If set to true the bar is going to fill and stay filled.
speed Number represents the speed of bar filling (fitting values are 1 - 100, 1 the slowest and 100 the fastest)

Example

<style is="custom-style">
    candy-progress {
        --candy-progress-width: 100%;
        --candy-progress-height: 20px;
    }
    candy-progress.red {
        --candy-progress-color: #AC0000;
        --candy-progress-secondary-color: #FF0000;
    }
    candy-progress.green {
        --candy-progress-color: #006500;
        --candy-progress-secondary-color: #1FD01F;
    }
    candy-progress.orange {
        --candy-progress-color: #F48300;
        --candy-progress-secondary-color: #FF8826;
    }
    candy-progress.blue {
        --candy-progress-color: blue;
        --candy-progress-secondary-color: white;
    }
</style>
<candy-progress class="red" speed="35" fill></candy-progress>
<candy-progress class="green" speed="70" loop></candy-progress>
<candy-progress class="orange" loop></candy-progress>
<candy-progress class="blue" progress="50"></candy-progress>
org.webjars.bowergithub.collaborne

Collaborne

Versions

Version
2.1.2