DaffProgressBarComponent
import { DaffProgressBarComponent } from '@daffodil/design/progress-bar'
@Component()
class DaffProgressBarComponent {
@HostBinding()
get role()
@HostBinding()
get ariaLabel()
@HostBinding() ariaValueMin: '0'
@HostBinding() ariaValueMax: '100'
@HostBinding()
get ariaValueNow()
@Input()
get percentage(): number
set percentage(value): number
@Input()
get indeterminate(): any
set indeterminate(value): any
@Output() finished: EventEmitter<void>
onAnimationComplete(event: AnimationEvent_2): void
}
Selector:
'daff-progress-bar'
Properties
Name | Type | Description |
---|---|---|
role | ||
ariaLabel | ||
ariaValueMin | '0' | |
ariaValueMax | '100' | |
ariaValueNow | ||
@Input() percentage | number | Sets the percentage completion of the progression, expressed as a whole number between 0 and 100. |
@Input() indeterminate | any | 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 |
@Output() finished | EventEmitter<void> | An event that emits each time the progression reaches 100% and the animation is finished |
onAnimationComplete | void | Calculates when the progress animation is fully completed |