WS-ScroLi - Demo

                    
                    
                        $('#my_content').WS_ScroLi({
                            validEnd : {
                                status  : true,
                                icon    : 'fas fa-check'
                            },
                            // you can enter any selector you want and assign it an icon from fontawesome library
                            sections : [
                                [ '#section_1', 'fas fa-info' ],
                                [ '#section_2', 'fas fa-stream' ],
                                [ '#section_3', 'far fa-user' ],
                                [ '#section_4', 'fas fa-exclamation' ]
                            ],
                            position : {
                                x : ['left', 10],
                                y : ['top', 20]
                            },
                            icon : {
                                size        : 30,
                                borderWidth : 1,
                                borderRadius: 100,
                                color       : '#1fc4e2',
                                colorPast   : '#1fc4e2',
                                colorOff    : 'grey'
                            },
                            line : {
                                height      : 30,
                                width       : 3,
                                color       : '#1fc4e2',
                                colorPast   : '#1fc4e2',
                                colorOff    : 'grey',
                            }
                        });
                    
                

Scrollez pour essayer

Section n°1

Section n°2

Section n°3

Section n°4