Preloaders

Ring

Metro

Square

Cycle

Widget


                <div data-role="preloader" data-type="ring"></div>

                <div data-role="preloader" data-type="ring" data-style="dark"></div>

                <div data-role="preloader" data-type="metro"></div>

                <div data-role="preloader" data-type="metro" data-style="dark"></div>

                <div data-role="preloader" data-type="square"></div>

                <div data-role="preloader" data-type="square" data-style="dark"></div>

                <div data-role="preloader" data-type="square" data-style="color"></div>

                <div data-role="preloader" data-type="cycle"></div>

                <div data-role="preloader" data-type="cycle" data-style="dark"></div>

                <div data-role="preloader" data-type="cycle" data-style="color"></div>