candy-progress

WebJar for candy-progress

Лицензия

Лицензия

Группа

Группа

org.webjars.bowergithub.collaborne
Идентификатор

Идентификатор

candy-progress
Последняя версия

Последняя версия

2.1.2
Дата

Дата

Тип

Тип

jar
Описание

Описание

candy-progress
WebJar for candy-progress
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

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

Скачать candy-progress

Как подключить последнюю версию

<!-- 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"]

Зависимости

compile (1)

Идентификатор библиотеки Тип Версия
org.webjars.bowergithub.polymer : polymer jar [2.0.0,3)

Модули Проекта

Данный проект не имеет модулей.

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

Версии библиотеки

Версия
2.1.2