# Progress Bar

This topic covers the progrees bar item in C1Ribbon.

## Content

A Progress Bar is a **C1Ribbon** Item used to visualize the progression of an extended task occurring within an application. The user can assign Minimum, Maximum and Value properties to the ProgressBar range.

The image below depicts a Progress Bar with a Minimum and Maximum of 0 and 100 respectively. The current Value is shown as 50 here, indicating that the task is partly completed.

![Progress bar](https://cdn.mescius.io/document-site-files/images/5560dc72-88a5-4eeb-a384-981194dfc831/images/ribbon-progressbar.png)

### Adding Progress Bar at Design-Time

The **Ribbon Progress Bar** can be added at design-time using the **Ribbon Group Floating Toolbar** or **RibbonGroup Items Collection Editor**. Also, you can customize the look of the RibbonProgressBar using the **Ribbon Progress Bar Floating ToolBar** or by editing the properties in the **Properties** Window. For more information about floating toolbars, refer this [topic](/componentone/docs/win/online-ribbon/concepts/designtimesupport/floatingtoolbar).

This image below shows the floating toolbar of **ProgressBar**.

![Floating toolbar](https://cdn.mescius.io/document-site-files/images/5560dc72-88a5-4eeb-a384-981194dfc831/images/pb_ft.png)

### Adding ProgressBar via Code

A ProgressBar can also be added to the C1Ribbon control through the code using the <span data-popup-content="This class is available in \u003ca href=\u0022/componentone/docs/win/online-ribbon/\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-ribbon/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="RibbonProgressBar" data-popup-theme="ui-tooltip-green qtip-green">RibbonProgressBar</span> class. This is depicted in the code below:

```vbnet
' Add ProgressBar ribbon item
Dim progressBar As RibbonProgressBar = New RibbonProgressBar()
progressBar.Minimum = 0
progressBar.Maximum = 100
progressBar.Value = 50
formatGroup.Items.Add(progressBar)
```

```csharp
// Add Progress Bar ribbon item
RibbonProgressBar progressBar = new RibbonProgressBar();
progressBar.Minimum = 0;
progressBar.Maximum = 100;
progressBar.Value = 50;
progressBar.ToolTip = "50%";
formatGroup.Items.Add(progressBar);
```