diff --git a/.github/workflows/ci-build.yml b/.github/workflows/ci-build.yml
index 8305ac0..9c7d225 100644
--- a/.github/workflows/ci-build.yml
+++ b/.github/workflows/ci-build.yml
@@ -26,7 +26,7 @@ jobs:
           fetch-depth: 0  # Shallow clones should be disabled for a better relevancy of analysis
 
       - name: Cache SonarCloud packages
-        uses: actions/cache@v3.2.2
+        uses: actions/cache@v3.2.3
         with:
           path: ~\sonar\cache
           key: ${{ runner.os }}-sonar
@@ -34,7 +34,7 @@ jobs:
 
       - name: Cache SonarCloud scanner
         id: cache-sonar-scanner
-        uses: actions/cache@v3.2.2
+        uses: actions/cache@v3.2.3
         with:
           path: .\.sonar\scanner
           key: ${{ runner.os }}-sonar-scanner
diff --git a/README.md b/README.md
index 2475eb0..b56180b 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # AspNetCore Bootstrap5 Tag Helpers ![](https://img.shields.io/github/license/iowacomputergurus/aspnetcore.utilities.bootstrap5taghelpers.svg)
 
-A collection of TagHelpers for ASP.NET Core that make utilizing the Bootstrap 4.x library easier to use for developers.  Designed to reduce code effort substantially
+A collection of TagHelpers for ASP.NET Core that make utilizing the Bootstrap 5.x library easier to use for developers.  Designed to reduce code effort substantially
 
 ![Build Status](https://github.com/IowaComputerGurus/aspnetcore.utilities.bootstrap5taghelpers/actions/workflows/ci-build.yml/badge.svg)
 
@@ -23,14 +23,14 @@ These tag helpers are only for markup display, your web project must properly in
 You must modify your `_viewimports.cshtml` file by adding
 
 ``` html+razor
-@addTagHelper *, ICG.AspNetCore.Utilities.bootstrap5taghelpers
+@addTagHelper *, ICG.AspNetCore.Utilities.Bootstrap5TagHelpers
 ```
 
 ## Usage
 
-The goal of these tag helpers is to reduce the redundant coding, and compliance with various features of not only the Bootstrap library but form patterns.  Within the "Samples" folder there are examples of all included tag helpers.  However, the below shows a quick example of the power of these helps.
+The goal of these tag helpers is to reduce the redundant coding, and compliance with various features of not only the Bootstrap library but form patterns.  Within the "Sample" project you will find examples of all tag helper usage.  However, the below shows a quick example of the power of these tag helpers.
 
-### Before Usage
+### Before Bootstrap 5 Tag Helper
 
 The following markup is how you would output a model-bound field for a password field, including a note on complexity and validation.
 
@@ -45,7 +45,7 @@ The following markup is how you would output a model-bound field for a password
 
 This is a total of *306* characters with spaces or *268* without.  Granted we get some help with auto-complete etc.
 
-### After Using
+### After Using Bootstrap 5 Tag Helper
 
 You can take the entire above example and simplify it to the following
 
@@ -64,6 +64,7 @@ At this time tag helpers have been implemented for the following elements.
 
 | Element | Description of Implementation |
 | --- | --- |
+| Accordion | Full support for implementation of accordion, including stay-open modes |
 | Alerts | Full support for implementation of alerts, including dismissible alerts |
 | Badges | Full support for implementation of badges of all Bootstrap color variations |
 | Buttons | Full support for implementation of buttons of all Bootstrap color variations, including outlines |
@@ -71,4 +72,7 @@ At this time tag helpers have been implemented for the following elements.
 | Environment Alert | An extension of the `<environment>` tag helper to render as an alert style |
 | Input | Support for Form input controls for anything tied to the `<input>` tag including ASP.NET Code Model Binding & Validation |
 | Modals | Support for modal dialogs, including Modal Body, header, footer, dismiss, and toggles |
+| Offcanvas | Full support for implementation of offcanvas display, including sizing/placement |
 | TextArea | Support for Form input controls tied to the `<textarea>` tag including ASP.NET Core Model Binding & Validation | 
+
+If you find that we are missing a particular tag helper, we welcome contributions!
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Sample/Views/Home/Index.cshtml b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Sample/Views/Home/Index.cshtml
index bcc6008..4b0ec6a 100644
--- a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Sample/Views/Home/Index.cshtml
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Sample/Views/Home/Index.cshtml
@@ -324,50 +324,50 @@
 
 <table class="table table-striped table-hover">
     <thead>
-        <tr>
-            <th>Example</th>
-            <th>Code</th>
-        </tr>
+    <tr>
+        <th>Example</th>
+        <th>Code</th>
+    </tr>
     </thead>
     <tbody>
-        <tr>
-            <td>
-                <modal-toggle Target="testing">
-                    Launch Demo
-                </modal-toggle>
+    <tr>
+        <td>
+            <modal-toggle Target="testing">
+                Launch Demo
+            </modal-toggle>
 
-                <modal id="testing" class="im-weird" vertically-centered="true" >
-                    <modal-header Title="Testing Modal Header">
-                        <modal-header-dismiss></modal-header-dismiss>
-                    </modal-header>
-                    <modal-body>
-                        <form-input asp-for="FirstName"></form-input>
-                    </modal-body>
-                    <modal-footer>
-                        <bs-button bs-color="Secondary" dismisses="modal">Close</bs-button>
-                    </modal-footer>
-                </modal>
-            </td>
-            <td>
-                <code>
-                    &lt;modal-toggle Target=&quot;testing&quot;&gt;
-                    Launch Demo
-                    &lt;/modal-toggle&gt;
+            <modal id="testing" class="im-weird" vertically-centered="true" >
+                <modal-header Title="Testing Modal Header">
+                    <modal-header-dismiss></modal-header-dismiss>
+                </modal-header>
+                <modal-body>
+                    <form-input asp-for="FirstName"></form-input>
+                </modal-body>
+                <modal-footer>
+                    <bs-button bs-color="Secondary" dismisses="modal">Close</bs-button>
+                </modal-footer>
+            </modal>
+        </td>
+        <td>
+            <code>
+                &lt;modal-toggle Target=&quot;testing&quot;&gt;
+                Launch Demo
+                &lt;/modal-toggle&gt;
 
-                    &lt;modal id=&quot;testing&quot;&gt;
-                    &lt;modal-header Title=&quot;Testing Modal Header&quot;&gt;
-                    &lt;modal-header-dismiss&gt;&lt;/modal-header-dismiss&gt;
-                    &lt;/modal-header&gt;
-                    &lt;modal-body&gt;
-                    &lt;form-input asp-for=&quot;FirstName&quot;&gt;&lt;/form-input&gt;
-                    &lt;/modal-body&gt;
-                    &lt;modal-footer&gt;
-                    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;
-                    &lt;/modal-footer&gt;
-                    &lt;/modal&gt;
-                </code>
-            </td>
-        </tr>      
+                &lt;modal id=&quot;testing&quot;&gt;
+                &lt;modal-header Title=&quot;Testing Modal Header&quot;&gt;
+                &lt;modal-header-dismiss&gt;&lt;/modal-header-dismiss&gt;
+                &lt;/modal-header&gt;
+                &lt;modal-body&gt;
+                &lt;form-input asp-for=&quot;FirstName&quot;&gt;&lt;/form-input&gt;
+                &lt;/modal-body&gt;
+                &lt;modal-footer&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;
+                &lt;/modal-footer&gt;
+                &lt;/modal&gt;
+            </code>
+        </td>
+    </tr>      
     <tr>
         <td>
             <modal-toggle Target="testing-secondary">
@@ -409,6 +409,117 @@
     </tbody>
 </table>
 
+<h2>Progress</h2>
+<table class="table table-striped table-hover">
+    <thead>
+    <tr>
+        <th>Description</th>
+        <th>Display</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <th>Simple Progress</th>
+        <th><progress progress-value="75" ></progress></th>
+        </tr>
+        <tr>
+            <th>With Background</th>
+            <th><progress progress-value="75" background-color="BootstrapColor.Danger"></progress></th>
+        </tr>
+    <tr>
+        <th>With Background, Striped</th>
+        <th><progress progress-value="75" background-color="BootstrapColor.Danger" is-striped="true"></progress></th>
+        </tr>
+        <tr>
+            <th>With Background, Striped, Animated</th>
+            <th><progress progress-value="75" background-color="BootstrapColor.Danger" is-striped="true" is-animated="true"></progress></th>
+        </tr>
+    <tr>
+        <th>With Background, Striped, Animated, Label</th>
+        <th><progress progress-value="75" background-color="BootstrapColor.Danger" is-striped="true" is-animated="true" progress-display-label="75%"></progress></th>
+    </tr>
+    </tbody>
+</table>
+
+<h2>OffCanvas</h2>
+<table class="table table-striped table-hover">
+    <thead>
+        <tr>
+            <th>Description</th>
+            <th>Display</th>
+        </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>Simple Setup</td>
+        <td>
+            <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
+                Show Demo
+            </button>
+            <offcanvas id="offcanvasExample">
+                <offcanvas-header title="Example 1">
+                    <offcanvas-dismiss></offcanvas-dismiss>
+                </offcanvas-header>
+                <offcanvas-body>
+                    <h3>Magic Content</h3>
+                    <p>Goes here!</p>
+                </offcanvas-body>
+            </offcanvas>
+        </td>
+        </tr>
+    <tr>
+        <td>Static Backdrop</td>
+        <td>
+            <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample2" aria-controls="offcanvasExample2">
+                Show Example
+            </button>
+            <offcanvas id="offcanvasExample2" static-backdrop="true">
+                <offcanvas-header title="Example 2">
+                    <offcanvas-dismiss></offcanvas-dismiss>
+            </offcanvas-header>
+                <offcanvas-body>
+                    <h3>Magic Content</h3>
+                    <p>Goes here!</p>
+                </offcanvas-body>
+            </offcanvas>
+        </td>
+    </tr>
+    <tr>
+        <td>Body Scroll Backdrop</td>
+        <td>
+            <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample3" aria-controls="offcanvasExample3">
+                Show Example
+            </button>
+            <offcanvas id="offcanvasExample3" enable-body-scrolling="true">
+                <offcanvas-header title="Example 3">
+                    <offcanvas-dismiss></offcanvas-dismiss>
+                </offcanvas-header>
+                <offcanvas-body>
+                    <h3>Magic Content</h3>
+                    <p>Goes here!</p>
+                </offcanvas-body>
+            </offcanvas>
+        </td>
+        </tr>
+        <tr>
+            <td>Placement</td>
+            <td>
+                <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample4" aria-controls="offcanvasExample4">
+                    Show Example
+                </button>
+                <offcanvas id="offcanvasExample4" placement="End">
+                    <offcanvas-header title="Example 4">
+                        <offcanvas-dismiss></offcanvas-dismiss>
+                    </offcanvas-header>
+                    <offcanvas-body>
+                        <h3>Magic Content</h3>
+                        <p>Goes here!</p>
+                    </offcanvas-body>
+                </offcanvas>
+            </td>
+        </tr>
+    </tbody>
+</table>
 <style>
     code {
         white-space: pre;
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/ButtonTagHelperTests.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/ButtonTagHelperTests.cs
index f270b25..103c9f6 100644
--- a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/ButtonTagHelperTests.cs
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/ButtonTagHelperTests.cs
@@ -105,7 +105,6 @@ public async Task Sets_Button_Size_If_Not_Normal(ButtonSize size, string expecte
     public async Task Throws_Error_If_Invalid_ButtonSize()
     {
         var error = await Assert.ThrowsAsync<ArgumentOutOfRangeException>(async () => await (new ButtonTagHelper { Size = (ButtonSize)Int16.MaxValue }).Render());
-
     }
 
     [Fact]
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/Modal/ModalTagHelperTests.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/Modal/ModalTagHelperTests.cs
index 43a73a3..3d23007 100644
--- a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/Modal/ModalTagHelperTests.cs
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/Modal/ModalTagHelperTests.cs
@@ -1,6 +1,7 @@
 using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Contexts;
 using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Modal;
 using Microsoft.AspNetCore.Razor.TagHelpers;
+using System.Drawing;
 
 namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Tests.Modal;
 
@@ -186,4 +187,47 @@ public async Task Should_Render_Scrollable_Class_When_Flagged()
         //Assert
         Assert.Equal(expectedContent, output.Content.GetContent());
     }
+
+    [Theory]
+    [InlineData(ModalSize.Small, "modal-dialog modal-sm")]
+    [InlineData(ModalSize.Default, "modal-dialog")]
+    [InlineData(ModalSize.Large, "modal-dialog modal-lg")]
+    [InlineData(ModalSize.ExtraLarge, "modal-dialog modal-xl")]
+    public async Task Should_Render_ProperModalDialogClass_ForSize(ModalSize size, string expectedClass)
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+        var expectedContent = $"<div class=\"{expectedClass}\"><div class=\"modal-content\"></div></div>";
+
+        //Act
+        var helper = new ModalTagHelper { Size = size};
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        Assert.Equal(expectedContent, output.Content.GetContent());
+    }
+
+    [Theory]
+    [InlineData(ModalFullscreenMode.Never, "modal-dialog")]
+    [InlineData(ModalFullscreenMode.Always, "modal-dialog modal-fullscreen")]
+    [InlineData(ModalFullscreenMode.BelowSmall, "modal-dialog modal-fullscreen-sm-down")]
+    [InlineData(ModalFullscreenMode.BelowMedium, "modal-dialog modal-fullscreen-md-down")]
+    [InlineData(ModalFullscreenMode.BelowLarge, "modal-dialog modal-fullscreen-lg-down")]
+    [InlineData(ModalFullscreenMode.BelowXLarge, "modal-dialog modal-fullscreen-xl-down")]
+    [InlineData(ModalFullscreenMode.BelowXXLarge, "modal-dialog modal-fullscreen-xxl-down")]
+    public async Task Should_Render_ProperModalDialogClass_ForFullscreen(ModalFullscreenMode mode, string expectedClass)
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+        var expectedContent = $"<div class=\"{expectedClass}\"><div class=\"modal-content\"></div></div>";
+
+        //Act
+        var helper = new ModalTagHelper { FullscreenMode = mode};
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        Assert.Equal(expectedContent, output.Content.GetContent());
+    }
 }
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasBodyTagHelperTests.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasBodyTagHelperTests.cs
new file mode 100644
index 0000000..e5d8a14
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasBodyTagHelperTests.cs
@@ -0,0 +1,55 @@
+using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.OffCanvas;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+
+namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Tests.OffCanvas;
+
+public class OffCanvasBodyTagHelperTests : AbstractTagHelperTest
+{
+    [Fact]
+    public async Task Should_Render_As_Div()
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasBodyTagHelper();
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        Assert.Equal("div", output.TagName);
+    }
+
+    [Fact]
+    public async Task Should_Render_With_ClassAdded()
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasBodyTagHelper();
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        Assert.Equal("offcanvas-body", output.Attributes["class"].Value);
+    }
+
+    [Fact]
+    public async Task Should_Render_With_ClassAdded_PreservingCustomClasses()
+    {
+        //Arrange
+        var customClass = "testing-out";
+        var expectedClass = $"{customClass} offcanvas-body";
+        var existingAttributes = new TagHelperAttributeList(new List<TagHelperAttribute> { new("class", customClass) });
+        TagHelperContext context = MakeTagHelperContext();
+        TagHelperOutput output = MakeTagHelperOutput(" ", existingAttributes);
+
+        //Act
+        var helper = new OffCanvasBodyTagHelper();
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        Assert.Equal(expectedClass, output.Attributes["class"].Value.ToString());
+    }
+}
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasDismissTagHelperTests.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasDismissTagHelperTests.cs
new file mode 100644
index 0000000..2801179
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasDismissTagHelperTests.cs
@@ -0,0 +1,41 @@
+using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.OffCanvas;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+
+namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Tests.OffCanvas;
+
+public class OffCanvasDismissTagHelperTests : AbstractTagHelperTest
+{
+    [Fact]
+    public void Should_Render_As_Button()
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasDismissTagHelper();
+        helper.Process(context, output);
+
+        //Assert
+        Assert.Equal("button", output.TagName);
+    }
+
+    [Theory]
+    [InlineData("aria-label", "Close")]
+    [InlineData("data-bs-dismiss", "offcanvas")]
+    [InlineData("class", "btn-close")]
+    [InlineData("type", "button")]
+    public void Should_Set_Needed_Attributes(string expectedAttribute, string expectedValue)
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasDismissTagHelper();
+        helper.Process(context, output);
+
+        //Assert
+        Assert.Equal(expectedValue, output.Attributes[expectedAttribute].Value);
+    }
+}
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasHeaderTagHelperTests.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasHeaderTagHelperTests.cs
new file mode 100644
index 0000000..4fade21
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasHeaderTagHelperTests.cs
@@ -0,0 +1,149 @@
+using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Contexts;
+using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Modal;
+using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.OffCanvas;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Tests.OffCanvas;
+public class OffCanvasHeaderTagHelperTests : AbstractTagHelperTest
+{
+    [Fact]
+    public async Task Should_ThrowException_WhenMissingContext()
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasHeaderTagHelper();
+        Exception exceptionResult = await Record.ExceptionAsync(() => helper.ProcessAsync(context, output));
+
+        Assert.NotNull(exceptionResult);
+        Assert.IsType<KeyNotFoundException>(exceptionResult);
+    }
+
+    [Fact]
+    public async Task Should_ThrowException_WhenContextIsNull()
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        context.Items.Add(typeof(OffCanvasContext), null);
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasHeaderTagHelper();
+        Exception exceptionResult = await Record.ExceptionAsync(() => helper.ProcessAsync(context, output));
+
+        Assert.NotNull(exceptionResult);
+        Assert.IsType<ArgumentException>(exceptionResult);
+    }
+
+    [Fact]
+    public async Task Should_Render_As_Div()
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        context.Items.Add(typeof(OffCanvasContext), new OffCanvasContext());
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasHeaderTagHelper();
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        Assert.Equal("div", output.TagName);
+    }
+
+    [Fact]
+    public async Task Should_Render_With_ClassAdded()
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        context.Items.Add(typeof(OffCanvasContext), new OffCanvasContext());
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasHeaderTagHelper();
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        Assert.Equal("offcanvas-header", output.Attributes["class"].Value);
+    }
+
+    [Fact]
+    public async Task Should_Render_With_ClassAdded_PreservingCustomClasses()
+    {
+        //Arrange
+        var customClass = "testing-out";
+        var expectedClass = $"{customClass} offcanvas-header";
+        var existingAttributes = new TagHelperAttributeList(new List<TagHelperAttribute> { new("class", customClass) });
+        TagHelperContext context = MakeTagHelperContext();
+        context.Items.Add(typeof(OffCanvasContext), new OffCanvasContext());
+        TagHelperOutput output = MakeTagHelperOutput(" ", existingAttributes);
+
+        //Act
+        var helper = new OffCanvasHeaderTagHelper();
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        Assert.Equal(expectedClass, output.Attributes["class"].Value.ToString());
+    }
+
+    [Fact]
+    public async Task Should_NotRender_InnerContent_When_Title_Missing()
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        context.Items.Add(typeof(OffCanvasContext), new OffCanvasContext());
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasHeaderTagHelper();
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        Assert.Equal("", output.Content.GetContent());
+    }
+
+    [Theory]
+    [InlineData("My Title", "", "<h5 class=\"offcanvas-title\">My Title</h5>")]
+    [InlineData("My Title", "myOffcanvas", "<h5 class=\"offcanvas-title\" id=\"myOffcanvasLabel\">My Title</h5>")]
+    public async Task Should_Render_InnerContent_Title_When_Title_Provided(string title, string id, string expectedHtml)
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        context.Items.Add(typeof(OffCanvasContext), new OffCanvasContext { Id = id });
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasHeaderTagHelper { Title = title };
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        Assert.Equal(expectedHtml, output.Content.GetContent());
+    }
+
+    [Theory]
+    [InlineData("My Title", "", "", "<h5 class=\"offcanvas-title\">My Title</h5>")]
+    [InlineData("My Title", "myOffcanvas", "h4", "<h4 class=\"offcanvas-title\" id=\"myOffcanvasLabel\">My Title</h4>")]
+    public async Task Should_Render_InnerContent_Title_WithCustomTag_When_Title_Provided(string title, string id, string tag, string expectedHtml)
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        context.Items.Add(typeof(OffCanvasContext), new OffCanvasContext { Id = id });
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasHeaderTagHelper { Title = title };
+        if (!string.IsNullOrEmpty(tag))
+            helper.TitleTag = tag;
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        Assert.Equal(expectedHtml, output.Content.GetContent());
+    }
+}
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasTagHelperTests.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasTagHelperTests.cs
new file mode 100644
index 0000000..b67924c
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/OffCanvas/OffCanvasTagHelperTests.cs
@@ -0,0 +1,86 @@
+using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Contexts;
+using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Modal;
+using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.OffCanvas;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using Xunit.Abstractions;
+
+namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Tests.OffCanvas;
+
+[UsesVerify]
+public class OffCanvasTagHelperTests : LoggingTagHelperTest
+{
+    public OffCanvasTagHelperTests(ITestOutputHelper output) : base(output)
+    {
+
+    }
+
+    [Fact]
+    public async Task Should_Not_Error_With_Missing_Id_Attribute()
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        TagHelperOutput output = MakeTagHelperOutput(" ");
+
+        //Act
+        var helper = new OffCanvasTagHelper();
+        Exception exception = await Record.ExceptionAsync(() => helper.ProcessAsync(context, output));
+
+        //Assert
+        Assert.Null(exception);
+    }
+
+    [Fact]
+    public async Task Should_Render_Without_Id_Attribute()
+    {
+        var output = await (new OffCanvasTagHelper()).Render();
+        await VerifyTagHelper(output);
+    }
+
+    [Fact]
+    public async Task Should_Add_Context_Object_With_Provided_Id()
+    {
+        //Arrange
+        TagHelperContext context = MakeTagHelperContext();
+        var providedId = "testingOffCanvas";
+        var existingAttributes = new TagHelperAttributeList(new List<TagHelperAttribute> { new("id", providedId) });
+        TagHelperOutput output = MakeTagHelperOutput(" ", existingAttributes);
+
+        //Act
+        var helper = new OffCanvasTagHelper();
+        await helper.ProcessAsync(context, output);
+
+        //Assert
+        var generatedContext = Assert.IsType<OffCanvasContext>(context.Items[typeof(OffCanvasContext)]);
+        Assert.Equal(providedId, generatedContext.Id);
+    }
+
+    [Fact]
+    public async Task Should_Render_With_StaticBackdrop()
+    {
+        var output = await (new OffCanvasTagHelper(){StaticBackdrop = true}).Render();
+        await VerifyTagHelper(output);
+    }
+
+    [Fact]
+    public async Task Should_Render_With_EnabledBodyScrolling()
+    {
+        var output = await (new OffCanvasTagHelper() { EnableBodyScrolling = true }).Render();
+        await VerifyTagHelper(output);
+    }
+
+    [Theory]
+    [InlineData(OffCanvasPlacement.End)]
+    [InlineData(OffCanvasPlacement.Start)]
+    [InlineData(OffCanvasPlacement.Top)]
+    [InlineData(OffCanvasPlacement.Bottom)]
+    public async void Should_Render_With_Placement(OffCanvasPlacement placement)
+    {
+        var output = await (new OffCanvasTagHelper() { Placement = placement}).Render();
+        await VerifyTagHelper(output).UseParameters(placement);
+    }
+}
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/ProgressTagHelperTests.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/ProgressTagHelperTests.cs
new file mode 100644
index 0000000..aed1b96
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/ProgressTagHelperTests.cs
@@ -0,0 +1,83 @@
+using System;
+using System.Collections.Generic;
+using System.Drawing;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using Xunit.Abstractions;
+
+namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Tests;
+
+[UsesVerify]
+public class ProgressTagHelperTests : LoggingTagHelperTest
+{
+    public ProgressTagHelperTests(ITestOutputHelper output) : base(output)
+    {
+        
+    }
+
+    [Theory]
+    [InlineData(-1)]
+    [InlineData(101)]
+    public async Task Throws_Error_If_Invalid_ProgressValue(int value)
+    {
+        //Arrange
+        var helper = new ProgressTagHelper { ProgressValue = value };
+
+        //Act/Assert
+        await Assert.ThrowsAsync<ArgumentOutOfRangeException>(async () => await helper.Render());
+    }
+
+    [Theory]
+    [InlineData(null)]
+    [InlineData(BootstrapColor.Info)]
+    [InlineData(BootstrapColor.Success)]
+    [InlineData(BootstrapColor.Danger)]
+    [InlineData(BootstrapColor.Warning)]
+    public async Task Properly_Sets_BackgroundColor_IfProvided(BootstrapColor? color)
+    {
+        var output = await (new ProgressTagHelper() { BackgroundColor = color }).Render();
+        await VerifyTagHelper(output).UseParameters(color);
+    }
+
+    [Theory]
+    [InlineData("")]
+    [InlineData("Test Label")]
+    public async Task Properly_Adds_AriaLabel_IfProvided(string ariaLabel)
+    {
+        var output = await (new ProgressTagHelper() { AriaLabel = ariaLabel }).Render();
+        await VerifyTagHelper(output).UseParameters(ariaLabel);
+    }
+
+    [Theory]
+    [InlineData("")]
+    [InlineData("25%")]
+    public async Task Properly_Adds_ProgressDisplayLabel_IfProvided(string progressLabel)
+    {
+        var output = await (new ProgressTagHelper() { ProgressDisplayLabel = progressLabel }).Render();
+        await VerifyTagHelper(output).UseParameters(progressLabel);
+    }
+
+    [Theory]
+    [InlineData(0)]
+    [InlineData(15)]
+    public async Task Properly_Adds_ProgressValue(int progressValue)
+    {
+        var output = await (new ProgressTagHelper() { ProgressValue = progressValue }).Render();
+        await VerifyTagHelper(output).UseParameters(progressValue);
+    }
+
+    [Fact]
+    public async Task Properly_Adds_StripedClass()
+    {
+        var output = await (new ProgressTagHelper() { IsStriped = true}).Render();
+        await VerifyTagHelper(output);
+    }
+
+    [Fact]
+    public async Task Properly_Adds_AnimatedClass()
+    {
+        var output = await (new ProgressTagHelper() { IsAnimated = true }).Render();
+        await VerifyTagHelper(output);
+    }
+}
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_EnabledBodyScrolling.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_EnabledBodyScrolling.verified.html
new file mode 100644
index 0000000..9719e7c
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_EnabledBodyScrolling.verified.html
@@ -0,0 +1,2 @@
+
+<div class="offcanvas offcanvas-start" tabindex="HtmlEncode[[-1]]" data-bs-scroll="HtmlEncode[[true]]"></div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=Bottom.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=Bottom.verified.html
new file mode 100644
index 0000000..06c4674
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=Bottom.verified.html
@@ -0,0 +1,2 @@
+
+<div class="offcanvas offcanvas-bottom" tabindex="HtmlEncode[[-1]]"></div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=End.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=End.verified.html
new file mode 100644
index 0000000..9331b6d
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=End.verified.html
@@ -0,0 +1,2 @@
+
+<div class="offcanvas offcanvas-end" tabindex="HtmlEncode[[-1]]"></div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=Start.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=Start.verified.html
new file mode 100644
index 0000000..320439f
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=Start.verified.html
@@ -0,0 +1,2 @@
+
+<div class="offcanvas offcanvas-start" tabindex="HtmlEncode[[-1]]"></div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=Top.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=Top.verified.html
new file mode 100644
index 0000000..ab48bd9
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_Placement_placement=Top.verified.html
@@ -0,0 +1,2 @@
+
+<div class="offcanvas offcanvas-top" tabindex="HtmlEncode[[-1]]"></div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_StaticBackdrop.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_StaticBackdrop.verified.html
new file mode 100644
index 0000000..51fee71
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_With_StaticBackdrop.verified.html
@@ -0,0 +1,2 @@
+
+<div class="offcanvas offcanvas-start" tabindex="HtmlEncode[[-1]]" data-bs-backdrop="HtmlEncode[[static]]"></div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_Without_Id_Attribute.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_Without_Id_Attribute.verified.html
new file mode 100644
index 0000000..320439f
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/OffCanvasTagHelperTests.Should_Render_Without_Id_Attribute.verified.html
@@ -0,0 +1,2 @@
+
+<div class="offcanvas offcanvas-start" tabindex="HtmlEncode[[-1]]"></div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_AnimatedClass.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_AnimatedClass.verified.html
new file mode 100644
index 0000000..f7c945e
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_AnimatedClass.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar progress-bar-animated]]" style="HtmlEncode[[width: 0%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_AriaLabel_IfProvided_ariaLabel=.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_AriaLabel_IfProvided_ariaLabel=.verified.html
new file mode 100644
index 0000000..fbfe7c8
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_AriaLabel_IfProvided_ariaLabel=.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar]]" style="HtmlEncode[[width: 0%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_AriaLabel_IfProvided_ariaLabel=Test Label.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_AriaLabel_IfProvided_ariaLabel=Test Label.verified.html
new file mode 100644
index 0000000..a2fd00b
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_AriaLabel_IfProvided_ariaLabel=Test Label.verified.html	
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-label="HtmlEncode[[Test Label]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar]]" style="HtmlEncode[[width: 0%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressDisplayLabel_IfProvided_progressLabel=.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressDisplayLabel_IfProvided_progressLabel=.verified.html
new file mode 100644
index 0000000..fbfe7c8
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressDisplayLabel_IfProvided_progressLabel=.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar]]" style="HtmlEncode[[width: 0%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressDisplayLabel_IfProvided_progressLabel=25%.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressDisplayLabel_IfProvided_progressLabel=25%.verified.html
new file mode 100644
index 0000000..5b4ebd3
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressDisplayLabel_IfProvided_progressLabel=25%.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar]]" style="HtmlEncode[[width: 0%]]">HtmlEncode[[25%]]</div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressValue_progressValue=0.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressValue_progressValue=0.verified.html
new file mode 100644
index 0000000..fbfe7c8
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressValue_progressValue=0.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar]]" style="HtmlEncode[[width: 0%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressValue_progressValue=15.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressValue_progressValue=15.verified.html
new file mode 100644
index 0000000..4b40bc4
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_ProgressValue_progressValue=15.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[15]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar]]" style="HtmlEncode[[width: 15%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_StripedClass.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_StripedClass.verified.html
new file mode 100644
index 0000000..09cf9c8
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Adds_StripedClass.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar progress-bar-striped]]" style="HtmlEncode[[width: 0%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Danger.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Danger.verified.html
new file mode 100644
index 0000000..0f2bdee
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Danger.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar bg-danger]]" style="HtmlEncode[[width: 0%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Info.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Info.verified.html
new file mode 100644
index 0000000..92495c6
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Info.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar bg-info]]" style="HtmlEncode[[width: 0%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Success.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Success.verified.html
new file mode 100644
index 0000000..b673e7b
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Success.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar bg-success]]" style="HtmlEncode[[width: 0%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Warning.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Warning.verified.html
new file mode 100644
index 0000000..e844fea
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=Warning.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar bg-warning]]" style="HtmlEncode[[width: 0%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=null.verified.html b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=null.verified.html
new file mode 100644
index 0000000..fbfe7c8
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers.Tests/VerifySnapshots/ProgressTagHelperTests.Properly_Sets_BackgroundColor_IfProvided_color=null.verified.html
@@ -0,0 +1,4 @@
+
+<div class="HtmlEncode[[progress]]" role="HtmlEncode[[progressbar]]" aria-valuenow="HtmlEncode[[0]]" aria-valuemin="HtmlEncode[[0]]" aria-valuemax="HtmlEncode[[100]]">
+  <div class="HtmlEncode[[progress-bar]]" style="HtmlEncode[[width: 0%]]"></div>
+</div>
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers/Contexts/OffCanvasContext.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/Contexts/OffCanvasContext.cs
new file mode 100644
index 0000000..ff01afe
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/Contexts/OffCanvasContext.cs
@@ -0,0 +1,13 @@
+namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Contexts
+{
+    /// <summary>
+    /// Represents the context for a modal dialog
+    /// </summary>
+    public class OffCanvasContext
+    {
+        /// <summary>
+        /// The Id of the control
+        /// </summary>
+        public string Id { get; set; }
+    }
+}
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers/Modal/ModalBodyTagHelper.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/Modal/ModalBodyTagHelper.cs
index d371fe1..6672a3e 100644
--- a/src/AspNetCore.Utilities.Bootstrap5TagHelpers/Modal/ModalBodyTagHelper.cs
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/Modal/ModalBodyTagHelper.cs
@@ -8,6 +8,7 @@ namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Modal;
 /// <summary>
 ///     Builds the content for a Modal Body
 /// </summary>
+[HtmlTargetElement("modal-body", ParentTag = "modal")]
 public class ModalBodyTagHelper : TagHelper
 {
     /// <summary>
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers/Modal/ModalTagHelper.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/Modal/ModalTagHelper.cs
index 5e63a97..832bb30 100644
--- a/src/AspNetCore.Utilities.Bootstrap5TagHelpers/Modal/ModalTagHelper.cs
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/Modal/ModalTagHelper.cs
@@ -2,37 +2,170 @@
 using Microsoft.AspNetCore.Mvc.Rendering;
 using Microsoft.AspNetCore.Mvc.TagHelpers;
 using Microsoft.AspNetCore.Razor.TagHelpers;
+using System.Diagnostics.CodeAnalysis;
 using System.Text.Encodings.Web;
 using System.Threading.Tasks;
 
 namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Modal;
 
+/// <summary>
+///     A collection of options for modal dialog sizing
+/// </summary>
+public enum ModalSize
+{
+    /// <summary>
+    ///     Will render with .modal-sm
+    /// </summary>
+    Small = 0,
+
+    /// <summary>
+    ///     Will render without any additional class
+    /// </summary>
+    Default = 1,
+
+    /// <summary>
+    ///     Will render with .modal-lg
+    /// </summary>
+    Large = 2,
+
+    /// <summary>
+    ///     Will render with .modal-xl
+    /// </summary>
+    ExtraLarge = 3
+}
+
+/// <summary>
+/// A collection of options for setting the full-screen mode of a modal
+/// </summary>
+public enum ModalFullscreenMode
+{
+    /// <summary>
+    /// The default behavior, it will NEVER be full screen
+    /// </summary>
+    Never = 0,
+    /// <summary>
+    /// The dialog will ALWAYS be full scree
+    /// </summary>
+    Always = 1,
+    /// <summary>
+    /// The dialog will only be full screen below the small breakpoint
+    /// </summary>
+    BelowSmall = 2,
+    /// <summary>
+    /// The dialog will only be full screen below the medium breakpoint
+    /// </summary>
+    BelowMedium = 3,
+    /// <summary>
+    /// The dialog will only be full screen below the large breakpoint
+    /// </summary>
+    BelowLarge = 4,
+    /// <summary>
+    /// The dialog will only be full screen below the extra large breakpoint
+    /// </summary>
+    BelowXLarge = 5,
+    /// <summary>
+    /// The dialog will only be full screen below the extra extra large breakpoint
+    /// </summary>
+    BelowXXLarge = 6
+}
+
+/// <summary>
+///     Extension methods for helping with conversion of enum to class
+/// </summary>
+public static class ModalEnumExtensions
+{
+    /// <summary>
+    ///     Converts to the proper CSS class
+    /// </summary>
+    /// <param name="modalSize">The targeted size of the modal</param>
+    /// <returns></returns>
+    public static string ToClass(this ModalSize modalSize)
+    {
+        switch (modalSize)
+        {
+            case ModalSize.Small:
+                return "modal-sm";
+            case ModalSize.Large:
+                return "modal-lg";
+            case ModalSize.ExtraLarge:
+                return "modal-xl";
+            default:
+                return string.Empty;
+        }
+    }
+
+    /// <summary>
+    ///     Converts to proper css class
+    /// </summary>
+    /// <param name="mode">The targeted mode for full screen dispay</param>
+    /// <returns></returns>
+    public static string ToClass(this ModalFullscreenMode mode)
+    {
+        switch (mode)
+        {
+            case ModalFullscreenMode.Always:
+                return "modal-fullscreen";
+            case ModalFullscreenMode.BelowSmall:
+                return "modal-fullscreen-sm-down";
+            case ModalFullscreenMode.BelowMedium:
+                return "modal-fullscreen-md-down";
+            case ModalFullscreenMode.BelowLarge:
+                return "modal-fullscreen-lg-down";
+            case ModalFullscreenMode.BelowXLarge:
+                return "modal-fullscreen-xl-down";
+            case ModalFullscreenMode.BelowXXLarge:
+                return "modal-fullscreen-xxl-down";
+            default:
+                return string.Empty;
+        }
+    }
+}
+
+
 /// <summary>
 ///     A high-level wrapper Tag Helper for rendering a bootstrap Modal
 /// </summary>
 [RestrictChildren("modal-body", "modal-header", "modal-footer")]
 public class ModalTagHelper : TagHelper
 {
+    /// <summary>
+    ///     Determines the optional size of the modal dialog
+    /// </summary>
+    public ModalSize Size { get; set; } = ModalSize.Default;
+
+    /// <summary>
+    ///     Determines the optional full screen mode of the dialog. 
+    /// </summary>
+    public ModalFullscreenMode FullscreenMode { get; set; } = ModalFullscreenMode.Never;
+
     /// <summary>
     ///     If set to true the background will not be clickable to dismiss the dialog
     /// </summary>
     public bool StaticBackdrop { get; set; } = false;
 
     /// <summary>
-    /// If set to true the modal will have the added class of modal-dialog-centered
+    ///     If set to true the modal will have the added class of modal-dialog-centered
     /// </summary>
     public bool VerticallyCentered { get; set; } = false;
 
     /// <summary>
-    /// If set to true the modal will have the added class of modal-dialog-scrollable
+    ///     If set to true the modal will have the added class of modal-dialog-scrollable
     /// </summary>
     public bool Scrollable { get; set; } = false;
 
+    /// <summary>
+    ///     Ensure that if we have a context item that we reset.  This is needed when you have multiple tag helpers on the same
+    ///     page if the information is not shared
+    /// </summary>
+    /// <param name="context"></param>
+    [ExcludeFromCodeCoverage]
     public override void Init(TagHelperContext context)
     {
         //Reset
-        if(context.Items.ContainsKey(typeof(ModalContext)))
+        if (context.Items.ContainsKey(typeof(ModalContext)))
+        {
             context.Items.Remove(typeof(ModalContext));
+        }
     }
 
     /// <summary>
@@ -46,7 +179,9 @@ public override async Task ProcessAsync(TagHelperContext context, TagHelperOutpu
         //Obtain the id value to add to the context
         var id = "";
         if (output.Attributes.ContainsName("id"))
+        {
             id = output.Attributes["id"].Value.ToString();
+        }
 
         //Add the id to the context
         var modalContext = new ModalContext { Id = id };
@@ -61,19 +196,42 @@ public override async Task ProcessAsync(TagHelperContext context, TagHelperOutpu
         //Add classes to the existing tag, merging with custom ones added
         output.AddClass("modal", HtmlEncoder.Default);
         output.AddClass("fade", HtmlEncoder.Default);
-        
-        if(!string.IsNullOrEmpty(id))
+
+        if (!string.IsNullOrEmpty(id))
+        {
             output.Attributes.Add("aria-labelledby", $"{id}Label");
+        }
+
         output.Attributes.Add("aria-hidden", "true");
         if (StaticBackdrop)
+        {
             output.Attributes.Add("data-bs-backdrop", "static");
+        }
+
         output.Attributes.Add("tabindex", "-1");
         var dialogWrapper = new TagBuilder("div");
         dialogWrapper.AddCssClass("modal-dialog");
         if (VerticallyCentered)
+        {
             dialogWrapper.AddCssClass("modal-dialog-centered");
+        }
+
         if (Scrollable)
+        {
             dialogWrapper.AddCssClass("modal-dialog-scrollable");
+        }
+
+        var sizeClass = Size.ToClass();
+        if (!string.IsNullOrEmpty(sizeClass))
+        {
+            dialogWrapper.AddCssClass(sizeClass);
+        }
+
+        var fullscreenClass = FullscreenMode.ToClass();
+        if (!string.IsNullOrEmpty(fullscreenClass))
+        {
+            dialogWrapper.AddCssClass(fullscreenClass);
+        }
         var dialogContent = new TagBuilder("div");
         dialogContent.AddCssClass("modal-content");
         dialogContent.InnerHtml.AppendHtml(body);
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasBodyTagHelper.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasBodyTagHelper.cs
new file mode 100644
index 0000000..daeddae
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasBodyTagHelper.cs
@@ -0,0 +1,28 @@
+using Microsoft.AspNetCore.Mvc.TagHelpers;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using System.Text.Encodings.Web;
+using System.Threading.Tasks;
+
+namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.OffCanvas;
+
+/// <summary>
+/// Tag helper for rendering the 
+/// </summary>
+[HtmlTargetElement("offcanvas-body", ParentTag = "offcanvas")]
+public class OffCanvasBodyTagHelper : TagHelper
+{
+    /// <summary>
+    ///     Renders the body element with the wrapping div and class
+    /// </summary>
+    /// <param name="context"></param>
+    /// <param name="output"></param>
+    /// <returns></returns>
+    public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
+    {
+        output.TagName = "div";
+        output.AddClass("offcanvas-body", HtmlEncoder.Default);
+        var body = (await output.GetChildContentAsync()).GetContent();
+        body = body.Trim();
+        output.Content.AppendHtml(body);
+    }
+}
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasDismissTagHelper.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasDismissTagHelper.cs
new file mode 100644
index 0000000..aa51b29
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasDismissTagHelper.cs
@@ -0,0 +1,26 @@
+using Microsoft.AspNetCore.Mvc.TagHelpers;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using System.Text.Encodings.Web;
+
+namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.OffCanvas;
+
+/// <summary>
+///     A tag helper that adds a dismiss button to the header of a Modal
+/// </summary>
+[HtmlTargetElement("offcanvas-dismiss")]
+public class OffCanvasDismissTagHelper : TagHelper
+{
+    /// <summary>
+    ///     Renders the needed HTML for the dismiss button
+    /// </summary>
+    /// <param name="context"></param>
+    /// <param name="output"></param>
+    public override void Process(TagHelperContext context, TagHelperOutput output)
+    {
+        output.TagName = "button";
+        output.Attributes.Add("data-bs-dismiss", "offcanvas");
+        output.AddClass("btn-close", HtmlEncoder.Default);
+        output.Attributes.Add("type", "button");
+        output.Attributes.Add("aria-label", "Close");
+    }
+}
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasHeaderTagHelper.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasHeaderTagHelper.cs
new file mode 100644
index 0000000..1f4da76
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasHeaderTagHelper.cs
@@ -0,0 +1,67 @@
+using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Contexts;
+using Microsoft.AspNetCore.Mvc.Rendering;
+using Microsoft.AspNetCore.Mvc.TagHelpers;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using System.Text.Encodings.Web;
+using System.Threading.Tasks;
+using System;
+
+namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.OffCanvas;
+
+/// <summary>
+///     Renders a modal header content
+/// </summary>
+[HtmlTargetElement("offcanvas-header", ParentTag = "offcanvas")]
+[RestrictChildren("offcanvas-dismiss")]
+public class OffCanvasHeaderTagHelper : TagHelper
+{
+    /// <summary>
+    ///     The optional title to render for this particular title
+    /// </summary>
+    public string Title { get; set; }
+
+    /// <summary>
+    /// The title tag to be utilized
+    /// </summary>
+    public string TitleTag { get; set; } = "h5";
+
+    /// <summary>
+    ///     Completes the actual rendering of the Tag helper
+    /// </summary>
+    /// <param name="context"></param>
+    /// <param name="output"></param>
+    /// <returns></returns>
+    /// <exception cref="ArgumentException"></exception>
+    public override Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
+    {
+        //Get the context information
+        var offCanvasContext = context.Items[typeof(OffCanvasContext)] as OffCanvasContext;
+        if (offCanvasContext == null)
+            throw new ArgumentException("OffCanvasContext not present");
+
+        return ProcessAsyncInternal(output, offCanvasContext);
+    }
+
+    private async Task ProcessAsyncInternal(TagHelperOutput output, OffCanvasContext context)
+    {
+        //Setup basic tag information
+        output.TagName = "div";
+        output.AddClass("offcanvas-header", HtmlEncoder.Default);
+
+        //Add the title
+        if (!string.IsNullOrEmpty(Title))
+        {
+            var titleTag = new TagBuilder(TitleTag);
+            titleTag.Attributes.Add("class", "offcanvas-title");
+            if (!string.IsNullOrEmpty(context.Id))
+                titleTag.Attributes.Add("id", $"{context.Id}Label");
+            titleTag.InnerHtml.Append(Title);
+            output.Content.AppendHtml(titleTag);
+        }
+
+        //Append other items, such as the dismiss button etc
+        var body = (await output.GetChildContentAsync()).GetContent();
+        body = body.Trim();
+        output.Content.AppendHtml(body);
+    }
+}
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasTagHelper.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasTagHelper.cs
new file mode 100644
index 0000000..6a45d73
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/OffCanvas/OffCanvasTagHelper.cs
@@ -0,0 +1,118 @@
+using ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.Contexts;
+using Microsoft.AspNetCore.Mvc.Rendering;
+using Microsoft.AspNetCore.Mvc.TagHelpers;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using System.Diagnostics.CodeAnalysis;
+using System.Text.Encodings.Web;
+using System.Threading.Tasks;
+
+namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers.OffCanvas;
+
+/// <summary>
+/// Controls the placement of the off canvas element
+/// </summary>
+public enum OffCanvasPlacement
+{
+    /// <summary>
+    /// Places it to the left o the viewport
+    /// </summary>
+    Start = 1,
+    /// <summary>
+    /// Places it to the right of the viewport
+    /// </summary>
+    End = 2,
+    /// <summary>
+    /// Places it to the top of the viewport
+    /// </summary>
+    Top = 3,
+    /// <summary>
+    /// Places it at the bottom
+    /// </summary>
+    Bottom = 4
+}
+
+/// <summary>
+///     A high-level wrapper Tag Helper for rendering a bootstrap Modal
+/// </summary>
+[RestrictChildren("offcanvas-body", "offcanvas-header")]
+[HtmlTargetElement("offcanvas")]
+public class OffCanvasTagHelper : TagHelper
+{
+    /// <summary>
+    /// Where should the item display
+    /// </summary>
+    public OffCanvasPlacement Placement { get; set; } = OffCanvasPlacement.Start;
+
+    /// <summary>
+    /// Should it be rendered as a static backdrop
+    /// </summary>
+    public bool StaticBackdrop { get; set; }
+
+    /// <summary>
+    /// If set to true the body of the page will be scrollable
+    /// </summary>
+    public bool EnableBodyScrolling { get; set; }
+
+    /// <summary>
+    ///     Ensure that if we have a context item that we reset.  This is needed when you have multiple tag helpers on the same
+    ///     page if the information is not shared
+    /// </summary>
+    /// <param name="context"></param>
+    [ExcludeFromCodeCoverage]
+    public override void Init(TagHelperContext context)
+    {
+        //Reset
+        if (context.Items.ContainsKey(typeof(OffCanvasContext)))
+        {
+            context.Items.Remove(typeof(OffCanvasContext));
+        }
+    }
+
+    /// <summary>
+    ///     Renders the tag helper
+    /// </summary>
+    /// <param name="context"></param>
+    /// <param name="output"></param>
+    /// <returns></returns>
+    public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
+    {
+        //Obtain the id value to add to the context
+        var id = "";
+        if (output.Attributes.ContainsName("id"))
+        {
+            id = output.Attributes["id"].Value.ToString();
+        }
+
+        //Add the id to the context
+        var canvasContext = new OffCanvasContext { Id = id };
+        context.Items[typeof(OffCanvasContext)] = canvasContext;
+
+        //Get our child content before we mess with anything
+        var body = (await output.GetChildContentAsync()).GetContent();
+        body = body.Trim();
+
+        output.TagName = "div";
+
+        //Add classes to the existing tag, merging with custom ones added
+        output.AddClass("offcanvas", HtmlEncoder.Default);
+        output.AddClass($"offcanvas-{Placement.ToString().ToLower()}", HtmlEncoder.Default);
+        output.Attributes.Add("tabindex", "-1");
+
+        if (StaticBackdrop)
+        {
+            output.Attributes.Add("data-bs-backdrop", "static");
+        }
+
+        if (EnableBodyScrolling)
+        {
+            output.Attributes.Add("data-bs-scroll", "true");
+        }
+
+        if (!string.IsNullOrEmpty(id))
+        {
+            output.Attributes.Add("aria-labelledby", $"{id}Label");
+        }
+
+        output.Content.AppendHtml(body);
+    }
+}
\ No newline at end of file
diff --git a/src/AspNetCore.Utilities.Bootstrap5TagHelpers/ProgressTagHelper.cs b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/ProgressTagHelper.cs
new file mode 100644
index 0000000..316098b
--- /dev/null
+++ b/src/AspNetCore.Utilities.Bootstrap5TagHelpers/ProgressTagHelper.cs
@@ -0,0 +1,80 @@
+using Microsoft.AspNetCore.Mvc.Rendering;
+using Microsoft.AspNetCore.Mvc.TagHelpers;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using System;
+using System.Text.Encodings.Web;
+
+namespace ICG.AspNetCore.Utilities.Bootstrap5TagHelpers;
+
+/// <summary>
+///     A tag helper for working with progress bars
+/// </summary>
+public class ProgressTagHelper : TagHelper
+{
+    /// <summary>
+    ///     What color should be used
+    /// </summary>
+    public BootstrapColor? BackgroundColor { get; set; }
+
+    /// <summary>
+    /// The label for those with non-visual support
+    /// </summary>
+    public string AriaLabel { get; set; }
+    /// <summary>
+    ///     An optional display label value for the current value
+    /// </summary>
+    public string ProgressDisplayLabel { get; set; }
+
+    /// <summary>
+    /// If set to true will display as striped
+    /// </summary>
+    public bool IsStriped { get; set; }
+
+    /// <summary>
+    /// If set to true will display as animated
+    /// </summary>
+    public bool IsAnimated { get; set; }
+    
+    /// <summary>
+    ///     The progress value which must be between min/max
+    /// </summary>
+    public int ProgressValue { get; set; } = 0;
+
+    /// <summary>
+    ///     Processes the tag helper
+    /// </summary>
+    /// <param name="context"></param>
+    /// <param name="output"></param>
+    public override void Process(TagHelperContext context, TagHelperOutput output)
+    {
+        //Validate progress value
+        if (ProgressValue < 0 || ProgressValue > 100)
+            throw new ArgumentOutOfRangeException("ProgressValue", "The progress value must be within the range");
+
+        //Add
+        output.TagName = "div";
+        output.AddClass("progress", HtmlEncoder.Default);
+        output.Attributes.Add("role", "progressbar");
+        if (!string.IsNullOrEmpty(AriaLabel))
+            output.Attributes.Add("aria-label", AriaLabel);
+        output.Attributes.Add("aria-valuenow", ProgressValue.ToString());
+        output.Attributes.Add("aria-valuemin", "0");
+        output.Attributes.Add("aria-valuemax", "100");
+
+        //Build the internal tag
+        var barTag = new TagBuilder("div");
+        barTag.AddCssClass("progress-bar");
+        barTag.Attributes.Add("style", $"width: {ProgressValue}%");
+        if (!string.IsNullOrEmpty(ProgressDisplayLabel))
+            barTag.InnerHtml.Append(ProgressDisplayLabel);
+        if(BackgroundColor.HasValue)
+            barTag.AddCssClass($"bg-{BackgroundColor.Value.ToString().ToLower()}");
+        if (IsStriped)
+            barTag.AddCssClass("progress-bar-striped");
+        if (IsAnimated)
+            barTag.AddCssClass("progress-bar-animated");
+
+        //Add to the tag
+        output.Content.AppendHtml(barTag);
+    }
+}
\ No newline at end of file