Framework7 Preloaders - Framework7

What are preloaders in Framework7?


Preloader in Framework7 is easily resizable because they are made with Scalable Vector Graphic (SVG) and animated with CSS. Preloader comes in two colors:

  • Default is light background
  • Second is dark background

Preloader class can be used in your HTML as shown below:


Below example demonstrates the use of preloader in Framework7:


Below are the steps to see how above code works:

  • Save the above HTML code as preloader.html file in the server root folder.
  • Open this HTML file as http://localhost/preloader.html and below output gets displayed.
  • This code displays the preloader indicator which is made with SVG and animated with CSS.

Framework7 Preloader

Default Preloader
White Preloader
Big Preloader

All rights reserved © 2020 Wisdom IT Services India Pvt. Ltd Protection Status

Framework7 Topics