angular-circular-progress

WebJar for angular-circular-progress

License	MIT
Categories	Angular User Interface Web Frameworks
GroupId	org.webjars.bower
ArtifactId	angular-circular-progress
Last Version	0.0.2
Release Date	Jun 3, 2017
Type	jar
Description	angular-circular-progress WebJar for angular-circular-progress
Project URL	http://webjars.org
Source Code Management	https://github.com/pistou/angular-circular-progress

Download angular-circular-progress

Filename	Size
angular-circular-progress-0.0.2.pom
angular-circular-progress-0.0.2.jar	17 KB
angular-circular-progress-0.0.2-sources.jar	22 bytes
angular-circular-progress-0.0.2-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-circular-progress/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-circular-progress</artifactId>
    <version>0.0.2</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/angular-circular-progress/
implementation 'org.webjars.bower:angular-circular-progress:0.0.2'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/angular-circular-progress/
implementation ("org.webjars.bower:angular-circular-progress:0.0.2")

Apache Buildr

'org.webjars.bower:angular-circular-progress:jar:0.0.2'

Apache Ivy

<dependency org="org.webjars.bower" name="angular-circular-progress" rev="0.0.2">
  <artifact name="angular-circular-progress" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='angular-circular-progress', version='0.0.2')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "angular-circular-progress" % "0.0.2"

Leiningen

[org.webjars.bower/angular-circular-progress "0.0.2"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.bower : angular	jar	[1.3.0,)

Project Modules

There are no modules declared in this project.

Angular Circular Progress

AngularJS module that creates circular progress bars

Usage

Download

Simply include dist/circularProgress.min.js (or circularProgress.min.js) in your page

You also can use Bower by running bower install angular-circular-progress

Usage

Add angular-circular-progress to your app's module dependencies:

angular.module('myModule', ['angular-circular-progress'])

Example:

<circular-progress
    value="50"
    max="100"
    orientation="1"
    radius="80"
    stroke="20"
    base-color="#ffff00"
    progress-color="#00ff00"
    iterations="100"
    animation="easeInOutCubic"
></circular-progress>

See demo file for more informations

Options

Name	Description	Required	Default value	Possible values
value	The current progress. Limited by the max option.	Yes	0	Integer
max	The progress' maximum value.	Yes	100	Integer
orientation	Whether the progressbar should rotate clockwise or counter-clockwise.	No	1	Boolean
radius	Radius of the circle.	No	80	Integer
stroke	Specifies the circle's thickness.	No	20	Integer
base-color	Color of the circle's background.	No	#a2a2a2	Hex color
progress-color	The color of the current value on the circle.	No	#ca2014	Hex color
iterations	Number of iterations for the animation. Set it to 1 for no animation and increase for slower animation.	No	100	Integer
animation	The easing function that will be used when animating.	No	easeInOutCubic	linearEase easeInQuad easeOutQuad easeInOutQuad easeInCubic easeOutCubic easeInOutCubic easeInQuart easeOutQuart easeInOutQuart easeInQuint easeOutQuint easeInOutQuint easeInSine easeOutSine easeInOutSine easeInExpo easeOutExpo easeInOutExpo easeInCirc easeOutCirc easeInOutCirc easeInElastic easeOutElastic easeInOutElastic easeInBack easeOutBack easeInOutBack easeInBounce easeOutBounce easeInOutBounce

Development

• npm install to install development dependencies
• grunt to build minified demo in dist/

Versions

Version
0.0.2 Jun 3, 2017