> For the complete documentation index, see [llms.txt](https://lewe.gitbook.io/html-and-aui-toolkit-for-confluence/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lewe.gitbook.io/html-and-aui-toolkit-for-confluence/html-macros/html-progress-bar.md).

# HTML Progress Bar

## Description

The HTML Progress macro adds a standard progress bar to your page. You can specify the progress, the max value, width and height.

## Adding the Macro

Edit your page.

Select “+” => Other macros

Type in “html” in the Search box

Select the “HTML Progress” macro

## Macro Options

### **Value**

Enter a numeric value for the progress. This value corresponds to the Maximum Value.

### **Maximum Value**

Enter a numeric value for the maximum here. It represents 100% or a full progress bar. This value corresponds to the Value.

### **Height**

Enter a custom height for the display. Use a numeric value. It is interpreted as pixels. If Width is not set, the browser will automatically adjust the proportion.

### **Width**

Enter a custom width for the display. Use a numeric value. It is interpreted as pixels. If Height is not set, the browser will automatically adjust the proportion.

## Example

<div align="left"><figure><img src="/files/WqCrWhdcNtjbEMaMGJUd" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/LS3U080eH706xudlp4kB" alt=""><figcaption></figcaption></figure></div>