Status do curso 2 cursos
Autor: . | Publicado: 2017-03-27T13:29:00-07:00

<!DOCTYPE html>


    
    Teste
    
    <link rel='stylesheet prefetch'
          href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'>
    
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    

        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 já concluiu


                    
                        
                        
                    
                    

                    
                        
                            Módulo I
                        

                        


                            
                                
                                    
                                         1.1 Ouvir a Rádio Web do Módulo I
                                        junto com a apostila.
                                    
                                
                                
                                    
                                         2.1 Ler a Apostila Módulo I Apostilas).
                                    
                                    
                                        
                                             3.1 Assistir as Aulas do Módulo
                                            I.
                                        
                                    
                                    
                                        
                                             4.1 Realizar as atividades do Módulo I
                                            (baixe o caderno de questão e responda no mesmo. Não
                                            envie pelo sistema, somente após concluir as atividades do último
                                            módulo).
                                        
                                    


                            
                        

                    

                 <!-- end panel default modulo I -->
                
                    
                        Módulo II
                    

                    


                        
                            
                                
                                     1.2 Ouvir a Rádio Web do Módulo II acompanhando
                                    a apostila.
                                
                            
                            
                                
                                     2.2 Ler a Apostila Módulo II.
                                
                                
                                    
                                         3.2 Assistir as aulas Módulo II.

                                    
                                
                                
                                    
                                         4.2 Realizar as atividades do Módulo II. (
                                        Após fazer as atividades terá terminado todas as atividades do
                                        caderno de questão e poderá informar as respostas no menu atividades).
                                    
                                


                        
                    
                    Finalização:
                    
                        
                             5. Participar do Fórum do Curso(Menu Fórum).
                        
                    
                    
                        
                             6. Realizar a Prova (Após enviar as atividades de
                            todos os módulos. e ser aprovado aparecerá o link da avaliação final
                        
                     <!-- endultimo check box form-line -->
                
             <!-- end panel default modulo I -->
         <!-- fecha panel success geral -->
     <!-- col md -->
 <!-- end row -->
 <!-- end  container -->







    $(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);

    });