Status do Curso (1 Módulo)
Autor: . | Publicado: 2017-03-27T13:28: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. Ouvir a Rádio Web do Módulo I
                                        acompanhando a apostila Acesse pelo menu apostilas e menu rádio web).
                                    
                                
                                
                                    
                                         2. Ler a Apostila. (Menu Apostilas).
                                    
                                    
                                        
                                             3. Assistir as Vídeos Aulas (Menu
                                            Aulas).
                                        
                                    
                                    
                                        
                                             4. Realizar as atividades. ( Após fazer
                                            as atividades 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
                            
                        
                    
                
            
        

    








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

    });