import { Component , Input } from '@angular/core' ; group component @ Component ( { selector : 'x-progress-bar' , templateUrl : './progress-bar.component.html' , styleUrls : [ './progress-bar.component.css' ] } ) export class ProgressBarComponent { /**
     * Type of progress bar
     */ @ Input ( ) type : ProgressBarType = "indefinite" ; private _value : string ; /**
     * Current value
     */ @ Input ( ) set value ( value ) { this . _value = value + '%' ; } get value ( ) { return parseFloat ( this . _value . split ( '%' ) [ 0 ] ) ; } } type ProgressBarType = "indefinite" | "definite" ;