---
title: "Post reading progress bar"
description: "Shows a progress bar indicating how much of the post has been read."
canonical: "https://academy.bricksbuilder.io/builder/elements/single/post-reading-progress-bar/"
markdownUrl: "https://academy.bricksbuilder.io/builder/elements/single/post-reading-progress-bar.md"
pageType: "article"
section: "builder"
category: "elements"
lastmod: "2026-05-21T13:58:32.000Z"
---
Shows a progress bar indicating how much of the post has been read.

## Settings

- **Content** (select) - Choose the content to track reading progress for. Options: post_content, post_excerpt, custom_content. Default: post_content.
- **Position** (select) - Position of the progress bar. Options: top, bottom. Default: top.
- **Height** (number) - Height of the progress bar in pixels. Default: 4.
- **Background color** (color) - Background color of the progress bar.
- **Progress color** (color) - Color of the progress indicator.
- **Show percentage** (checkbox) - Display the reading percentage as text.

:::tip[Developer reference]
See the [Reading Progress Bar Schema](/developer/schema/elements/post-reading-progress-bar/) for the full JSON schema of this element's settings and controls.
:::