Completion Percentage [closed]

You can do this with jquery, I created a basic example.

Javascript:

$(function(){
    var total = $('input[type=checkbox]').length;

    $('input[type=checkbox]').on('change', function(){
        var selecionados = $('input[type=checkbox]:checked').length;

        var porcentagem = (selecionados/total) * 100;

        $('.bar-loaded').animate({
            width: porcentagem+'%'
        });

        $('#box p').html(porcentagem+'%');
    });
});

HTML:

<div id="box">
    <p>0%</p>
    <div class="bar">
        <div class="bar-loaded"></div>
    </div>

    <ul>
        <li>
            <label><input type="checkbox" /> Item 1</label>
        </li>
        <li>
            <label><input type="checkbox" /> Item 2</label>
        </li>
        <li>
            <label><input type="checkbox" /> Item 3</label>
        </li>
        <li>
            <label><input type="checkbox" /> Item 4</label>
        </li>
    </ul>
</div>

The working example here