---
title: "Bar Preloader - DOT — Free Framer component · Best of Framer"
description: "Free Framer component · by DOT · Loaders. Awwwards-inspired horizontal bar"
canonical: "https://framer.elliotli.dev/component/bar-preloader-dot"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Bar Preloader - DOT

# Bar Preloader - DOT

Awwwards-inspired horizontal bar

[View on Framer](https://framer.com/marketplace/components/bar-preloader-dot/?via=elliot-li)

![Bar Preloader - DOT preview image 1](https://framer.elliotli.dev/og/component/bar-preloader-dot/b0fef79d901aba1e/1600x1200.jpg)

## Summary

Awwwards-inspired horizontal bar

## Description

## **Horizontal Bar Preloader**

A minimal, high-impact horizontal bar preloader inspired by Awwwards-winning design agencies.

### ✨ **Features**

📏 Edge-to-Edge Progress

🔄 Text State Morphing

🔢 Integrated Numeric Counter

🏷 Agency Subtitle

🎨 Gradient & Glow Controls

🔲 Brutalist or Rounded Shapes

🔤 Native Google Fonts Picker

⚡ Marketplace Certified

### 🎛 **Fully Customizable Properties**

\* Bar color, gradient end color & glow intensity

\* Loading text & completion morph text

\* Corner radius, padding & vertical screen position

\* Duration, easing & 100% hold pause timing

\* Agency subtitle & tactile film grain overlay

\* Session memory toggle (shows once per visitor)

**Questions or Support?**

Feel free to reach out on Email: [hello@bydot.co](mailto:hello@bydot.co) and X: [@Dharun](https://x.com/Dha__runX)

Typically reply within 24 hours.

**Thank you for checking it out. Really appreciate your support ❤**

## Rank history [How rankings work →](/terms#rankings)

-   All · #6913

## Details

- **Author**: DOT
- **Published**: 2026-08-29
- **Updated**: 2026-09-15
- **Added**: 2026-08-29
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story