Teste body { margin: 20px 50px; } h1 { font-size: 1.5em; } p { margin: 0; } input[type="checkbox"] { height: 20px; width: 20px; margin-right: 10px; } .ready { font-size: 1.5em; } .ui-progressbar-value { background: lightgreen; } .progressbar-container { position: relative; width: 100%; } .progressbar-bar { height: 25px; margin: 10px 0; border-radius: 4px; border-color: green; } .progressbar-label { position: absolute; top: 2px; left: 45%; z-index: 2; } .panel-heading { padding: 2px 15px; } .panel-body { padding: 8px; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 5px; margin-bottom: 5px; } .panel-success > .panel-heading { color: white; background-color: #3CB371; border-color: #d6e9c6; } Veja o Status de seu Curso Para ver o status de seu curso marque as etapas que ja concluiu Modulo I 1.1 Ouvir a Radio Web do Modulo I junto com a apostila. 2.1 Ler a Apostila Modulo I Apostilas). 3.1 Assistir as Aulas do Modulo I. 4.1 Realizar as atividades do Modulo I (baixe o caderno de questao e responda no mesmo. Nao envie pelo sistema, somente apos concluir as atividades do ultimo modulo). Modulo II 1.2 Ouvir a Radio Web do Modulo II acompanhando a apostila. 2.2 Ler a Apostila Modulo II. 3.2 Assistir as aulas Modulo II. 4.2 Realizar as atividades do Modulo II. Modulo III 1.3 Ouvir a Radio Web do Modulo III junto com a apostila. apostila. (Acesse pelo menu apostilas e menu radio web). 2.3 Ler a Apostila Modulo III. 3.3 Assistir as Videos Aulas do Modulo III 4.3 Realizar as atividades do Modulo III. (Apos fazer as atividades do segundo modulo tera terminado todas as atividades do seu caderno de questao e podera informar as respostas no menu atividades). Finalizacao: 5. Participar do Forum do Curso. 6. Realizar a Prova (Apos enviar as atividades de todos os modulos e ser aprovado aparecera o link da avaliacao final. $(document).ready(function () { // get box count var count = 0; var checked = 0; function countBoxes() { count = $("input[type='checkbox']").length; console.log(count); } countBoxes(); $(":checkbox").click(countBoxes); // count checks function countChecked() { checked = $("input:checked").length; var percentage = parseInt(((checked / count) * 100), 10); $(".progressbar-bar").progressbar({ value: percentage }); $(".progressbar-label").text(percentage + "%"); } countChecked(); $(":checkbox").click(countChecked); }); Segue abaixo um demonsrativo de um pequeno trecho de uma das 10 video aulas do curso, para voce atestar a qualidade do mesmo. Teste body { margin: 20px 50px; } h1 { font-size: 1.5em; } p { margin: 0; } input[type="checkbox"] { height: 20px; width: 20px; margin-right: 10px; } .ready { font-size: 1.5em; } .ui-progressbar-value { background: lightgreen; } .progressbar-container { position: relative; width: 100%; } .progressbar-bar { height: 25px; margin: 10px 0; border-radius: 4px; border-color: green; } .progressbar-label { position: absolute; top: 2px; left: 45%; z-index: 2; } .panel-heading { padding: 2px 15px; } .panel-body { padding: 8px; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 5px; margin-bottom: 5px; } .panel-success > .panel-heading { color: white; background-color: #3CB371; border-color: #d6e9c6; } Veja o Status de seu Curso Para ver o status de seu curso marque as etapas que ja concluiu Modulo I 1. Ouvir a Radio Web do Modulo I acompanhando a