Framework7 Preloaders - Framework7

What are preloaders in Framework7?

Description

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:

Example

Below example demonstrates the use of preloader in Framework7:

Output

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 © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

Framework7 Topics