Ghost Plugins

View Original

Percent Loading Screen (Preview Guide)


Plugin Info

Greet your visitors with a clean counting up percentage loading screen.

  • Live Plugin Demo

  • Works with Squarespace 7.0 and 7.1

  • Requires Business Plan or Higher

  • Uses Code Injection and Custom CSS


Step 1. Add this code to Header Code Injection

See this content in the original post

Step 2. Add this code to Footer Code Injection

See this content in the original post

Step 3. Add this code to Custom CSS

See this content in the original post

Step 4 (a). Customizable Options - Footer Code Injection

These options are available in Footer Code Injection.

  • Counting Up Speed


Step 4 (b). Customizable Options - Footer Code Injection

These options are available in Footer Code Injection.

  • Background Color

  • Font Size and Color

  • Percentage Padding

  • Percentage Alignment

  • Percentage Position

  • Background Image (Optional)

Uploading Your Image: Use CSS > Manage Files to upload and generate a file URL link for your image / logo. Then replace IMAGE-URL-HERE with the file URL in the CSS option.


Plugin Notes

  • If uploaded, the image’s focal point and placement will be middle center.