@stejnar/progress v1.0.1

@stejnar/progress

Angular component library for SVG based progress indicators.

Build with lib-starter: https://github.com/Stejnar/lib-starter

npm package: https://www.npmjs.com/package/@stejnar/progress

Components

1. ProgressSpinner

<progress-spinner>

@Input value: number

• in percent

  @Input fadeInOut: boolean

• currently required

• provides fadein and fadeout animation

• use this instead of ngIf

  @Input infinite: boolean

• requires value if set to false

  @Input strength: number

• stroke width

• defaults to 10px

  @Input ratio: number

• ratio * strength = width === height

• defaults to 10

  @Input speed: number

• in seconds per rotation

• defaults to 0.75s/rot

  @Input color: string

• any format svg supports

• defaults to #11bb11 (green)

Usage

<progress-spinner fadeInOut="shown" infinite="true" strength="5" ratio="10">
</progress-spinner>

<progress-spinner value="progress" color="red"></progress-spinner>