diff.md

public/view/propostas/detail.html

<div class="row">
    <div class="col s12 m6" id="timeline">
    </div>
</div>

public/js/proposta.table.js

function loadTimeLime() {
    var template = `<div class="col s2 center">
        <i class="material-icons grey-text" style="font-size: small;">access_time</i>
    </div>
    <div class="col s2 center">
        <i class="material-icons grey-text" style="font-size: small;">mail_outline</i>
    </div>
    <div class="col s2 center">
        <i class="material-icons grey-text" style="font-size: small;">system_update_alt</i>
    </div>
    <div class="col s2 center">
        <i class="material-icons grey-text" style="font-size: small;">autorenew</i>
    </div>
    <div class="col s2 center">
        <i class="material-icons grey-text" style="font-size: small;">local_shipping</i>
    </div>
    <div class="col s2 center">
        <i class="material-icons grey-text" style="font-size: small;">done</i>
    </div>
    <div class="col s12 center">
        <div class="progress white" style="border-bottom: 1px lightgray;">
            <div class="determinate orange" style="width: ${((proposta.objStatus.key / 6) * 100) + 5}%"></div>
        </div>
    </div>`;
    $('#timeline').html(template);
}

E no evento de ready ganhou uma chamada para esta função na última linha, ficando:

$(document).ready(function () {
    $('#app-action').html('');
    proposta = JSON.parse(sessionStorage.getItem('proposta'));
    comissoes = JSON.parse(sessionStorage.getItem('proposta-lista-comicao')).consulta.rebate;
    console.log(lkey);
    if (proposta !== null) {
        loadData();
        lkey = proposta.percentualComissao.toString().replace('.', '_');
        Materialize.updateTextFields();
        $('select').material_select();
        $('.modal').modal();
        /// ESTA LINHA É A NOVA
        loadTimeLime();
    } else {
        loadPage('propostas/index');
    }
});