Loader 5

ImageList73 nodes · 25 styles

Description

Full-screen loader with top progress bar and large percentage display

Detailed Analysis

This dramatic loader design features a white progress bar spanning the top of the screen (approximately 40% filled), a large black content area, and a bold '25%' percentage number in the bottom right corner. The oversized typography makes the loading progress highly visible. The top-aligned bar provides a subtle progress indicator while the large number adds visual impact.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

loaderprogress barlarge percentagetop bardark backgroundfull screenbold typographypreloaderloading percentageprogress indicatorblack backgrounddramatic loaderoversized texttop progress

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-1908",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-497",
              "playInReverse": false,
              "autoStopEventId": "e-1909",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_START_ACTION"
          },
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": null,
            "scrollOffsetValue": null
          },
          "target": {
            "id": "6540ac58fa7ea7efe56967e8|d7f1f356-0a4d-ab8a-e8f3-7b6245dc17a7",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967e8|d7f1f356-0a4d-ab8a-e8f3-7b6245dc17a7",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1680160522997,
          "eventTypeId": "MOUSE_CLICK",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-1909",
          "name": "",
          "action": null,
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": null,
            "scrollOffsetValue": null
          },
   
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [ { "id": "e-1908", "name": "", "action": { "id": "", "config": { "delay": 0, "easing": "", "duration": 0, "actionListId": "a-497", "playInReverse": false, "autoStopEventId": "e-1909", "affectedElements": {} }, "instant": true, "actionTypeId": "GENERAL_START_ACTION" }, "config": { "loop": false, "delay": null, "effectIn": null, "direction": null, "playInReverse": false, "scrollOffsetUnit": null, "scrollOffsetValue": null }, "target": { "id": "6540ac58fa7ea7efe56967e8|d7f1f356-0a4d-ab8a-e8f3-7b6245dc17a7", "appliesTo": "ELEMENT", "styleBlockIds": [] }, "targets": [ { "id": "6540ac58fa7ea7efe56967e8|d7f1f356-0a4d-ab8a-e8f3-7b6245dc17a7", "appliesTo": "ELEMENT", "styleBlockIds": [] } ], "createdOn": 1680160522997, "eventTypeId": "MOUSE_CLICK", "mediaQueries": [ "main", "medium", "small", "tiny" ], "animationType": "preset" }, { "id": "e-1909", "name": "", "action": null, "config": { "loop": false, "delay": null, "effectIn": null, "direction": null, "playInReverse": false, "scrollOffsetUnit": null, "scrollOffsetValue": null }, ... (truncated)