unicorn-components/src/components/utils/progress/progress.component.ts

<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>

import { Component, Input, HostBinding } from '@angular/core';

import { UniColor } from '../../../models/types';

@Component({
    selector: 'uni-progress',
    templateUrl: 'progress.component.html',
    styleUrls: ['progress.component.scss'],
})
export class UniProgressComponent {

    @HostBinding('class.uni-progress') componentClass = true;
    @Input() value = 0;
    @Input() total = 100;
    @Input() showPercentage = false;
    @Input() showCount = false;
    @Input() color: UniColor;

    constructor() { }
}