GitHub

DaffProgressBarComponent

import { DaffProgressBarComponent } from '@daffodil/design/progress-bar'

@Component()
class DaffProgressBarComponent {
  @HostBinding() 
  get role(): string
  @HostBinding() 
  get ariaLabel(): string
  @HostBinding() ariaValueMin: string = '0'
  @HostBinding() ariaValueMax: string = '100'
  @HostBinding() 
  get ariaValueNow(): number

  @Input() percentage: number
  @Input() indeterminate: any

  @Output() finished: EventEmitter<void> = new EventEmitter()

  onAnimationComplete(event: AnimationEvent_2): void
}

() Methods

onAnimationComplete
void

Calculates when the progress animation is fully completed

Parameters
Parameterevent: AnimationEvent_2
Description

Inputs

percentage
number
Default
Description

Sets the percentage completion of the progression, expressed as a whole number between 0 and 100.

indeterminate
any
Default
Description

Property to set the animation of a progress bar to run for an indefinite amount of time.

See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress

Outputs

finished
EventEmitter<void>
Default
Description

An event that emits each time the progression reaches 100% and the animation is finished