The element is used to create the font-awesome icon and the “Spinner” id will be used for further styling. It can be placed anywhere in the element, but I prefer to place it at the top for organization reasons ( i.e. Now, add the spinner by adding this line to your page in the element: JQuery can also be installed via NuGet’s Package Manager in Visual Studio. Next, you will also need to install jQuery and add a reference for it as well: All loading spinner in loading.io can be generated in SVG / APNG / GIF formats, while PNG sequence or static PNG are also available. Since I’m using Visual Studio, my reference looks like this: To add it to your web page, add a stylesheet reference in the element. Since I am developing with Visual Studio, I just use NuGet’s Package Manager to install it for me. png/.gif icon would work as well.įirst, install Font Awesome by downloading it (you can get the Free for Web version) and then follow the various instructions on their site to add it to your project ( look on the right for Using Font Awesome With). I prefer this method because it reduces load time. For the spinner icon, we will use an icon from Font Awesome. ajax method and the second method uses Javascript’s new Fetch API. Reactiflux is our recommended Discord community.For budding new web developers, here are two ways to add a “spinner” icon to indicate that your website is busy loading data. Reddit is a great format, but sometimes you need to chat in real time.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |