@extends('helper.include.view.modal', ['id' => 'modal-progresso', 'class_size' => 'modal-lg'])

@section('modal-header-left')

<h4 class="modal-title">
	Gerando Cartão Ponto
</h4>

@overwrite

@section('modal-header-right')

	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.fecharProgresso()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div>
    
<h4 class="modal-title">
    @{{vm.PORGRESSO.PORGRESSO_STATUS}}
</h4>

<div class="progress" style="width: 100%;">
    <div class="progress-bar" role="progressbar" style="width: @{{vm.PORGRESSO.PROGRESSO_CALC}}%;" aria-valuenow="@{{vm.PORGRESSO.PROGRESSO_CALC}}" aria-valuemin="0" aria-valuemax="100">
        @{{vm.PORGRESSO.PROGRESSO_CALC | number:2}}%
    </div>
</div>

</div>

@overwrite