Abp progress bar tag helpers

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/ProgressBar/AbpProgressBarTagHelper.cs

@@ -0,0 +1,23 @@
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.ProgressBar
+{
+    public class AbpProgressBarTagHelper : AbpTagHelper<AbpProgressBarTagHelper, AbpProgressBarTagHelperService>
+    {
+        public double Value { get; set; }
+
+        public double MinValue { get; set; } = 0;
+
+        public double MaxValue { get; set; } = 100;
+
+        public AbpProgressBarType Type { get; set; } = AbpProgressBarType.Default;
+
+        public bool? Strip { get; set; }
+
+        public bool? Animation { get; set; }
+
+        public AbpProgressBarTagHelper(AbpProgressBarTagHelperService tagHelperService)
+            : base(tagHelperService)
+        {
+
+        }
+    }
+}

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/ProgressBar/AbpProgressBarTagHelperService.cs

@@ -0,0 +1,56 @@
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Microsoft.AspNetCore.Razor.TagHelpers;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.ProgressBar
+{
+    public class AbpProgressBarTagHelperService : AbpTagHelperService<AbpProgressBarTagHelper>
+    {
+        public override void Process(TagHelperContext context, TagHelperOutput output)
+        {
+            output.Attributes.AddClass("progress-bar");
+            output.Attributes.Add("role","progressbar");
+
+            SetAnimationClass(context,output);
+            SetStripClass(context,output);
+            SetTypeClass(context,output);
+            SetValues(context, output);
+        }
+
+        protected virtual void SetValues(TagHelperContext context, TagHelperOutput output)
+        {
+            output.Attributes.Add("style","width: "+ CalculateStyleWidth() + "%");
+            output.Attributes.Add("aria-valuenow",TagHelper.Value);
+            output.Attributes.Add("aria-valuemin",TagHelper.MinValue);
+            output.Attributes.Add("aria-valuemax",TagHelper.MaxValue);
+        }
+
+        protected virtual void SetAnimationClass(TagHelperContext context, TagHelperOutput output)
+        {
+            if (TagHelper.Animation ?? false)
+            {
+                output.Attributes.AddClass("progress-bar-animated");
+            }
+        }
+
+        protected virtual void SetStripClass(TagHelperContext context, TagHelperOutput output)
+        {
+            if (TagHelper.Strip ?? false)
+            {
+                output.Attributes.AddClass("progress-bar-striped");
+            }
+        }
+
+        protected virtual void SetTypeClass(TagHelperContext context, TagHelperOutput output)
+        {
+            if (TagHelper.Type != AbpProgressBarType.Default)
+            {
+                output.Attributes.AddClass("bg-" + TagHelper.Type.ToString().ToLowerInvariant());
+            }
+        }
+
+        protected virtual int CalculateStyleWidth()
+        {
+            return (int)((TagHelper.Value - TagHelper.MinValue) * (100 / (TagHelper.MaxValue - TagHelper.MinValue)));
+        }
+    }
+}

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/ProgressBar/AbpProgressBarType.cs

@@ -0,0 +1,15 @@
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.ProgressBar
+{
+    public enum AbpProgressBarType
+    {
+        Default,
+        Primary,
+        Secondary,
+        Success,
+        Danger,
+        Warning,
+        Info,
+        Light,
+        Dark
+    }
+}

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/ProgressBar/AbpProgressTagHelper.cs

@@ -0,0 +1,11 @@
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.ProgressBar
+{
+    public class AbpProgressTagHelper : AbpTagHelper<AbpProgressTagHelper, AbpProgressTagHelperService>
+    {
+        public AbpProgressTagHelper(AbpProgressTagHelperService tagHelperService)
+            : base(tagHelperService)
+        {
+
+        }
+    }
+}

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/ProgressBar/AbpProgressTagHelperService.cs

@@ -0,0 +1,14 @@
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Microsoft.AspNetCore.Razor.TagHelpers;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.ProgressBar
+{
+    public class AbpProgressTagHelperService : AbpTagHelperService<AbpProgressTagHelper>
+    {
+        public override void Process(TagHelperContext context, TagHelperOutput output)
+        {
+            output.Attributes.AddClass("progress");
+        }
+        
+    }
+}

test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/ProgressBars.cshtml

@@ -0,0 +1,73 @@
+@page
+@model Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo.Pages.Components.ProgressBarsModel
+@{
+    ViewData["Title"] = "Progress Bars";
+}
+
+<h2>Progress Bars</h2>
+
+<p>Based on <a href="https://getbootstrap.com/docs/4.1/components/progress/" target="_blank"> Bootstrap Progress Bars</a>.</p>
+
+<h4># Progress Bar Examples</h4>
+
+<div class="demo-with-code">
+    <div class="demo-area">
+
+        <abp-progress>
+            <abp-progress-bar value="70"/>
+            
+        </abp-progress>
+        <br />
+        <abp-progress>
+            <abp-progress-bar type="Warning" value="25">
+                %25
+            </abp-progress-bar>
+        </abp-progress>
+        <br />
+        <abp-progress>
+            <abp-progress-bar type="Success" value="40" strip="true">
+            </abp-progress-bar>
+        </abp-progress>
+        <br />
+        <abp-progress>
+            <abp-progress-bar type="Dark" value="10" min-value="5" max-value="15"  strip="true">
+                %50
+            </abp-progress-bar>
+        </abp-progress>
+        <br />
+        <abp-progress>
+            <abp-progress-bar type="Success" value="25">
+            </abp-progress-bar>
+            <abp-progress-bar type="Danger" value="10" strip="true">
+                %10
+            </abp-progress-bar>
+            <abp-progress-bar type="Primary" value="50" animation="true" strip="true">
+            </abp-progress-bar>
+        </abp-progress>
+    </div>
+    <div class="code-area">
+        <pre>
+&lt;abp-progress&gt;
+  &lt;abp-progress-bar value=&quot;70&quot;/&gt;
+&lt;/abp-progress&gt;
+
+&lt;abp-progress&gt;
+  &lt;abp-progress-bar type=&quot;Warning&quot; value=&quot;25&quot;&gt;%25&lt;/abp-progress-bar&gt;
+&lt;/abp-progress&gt;
+
+&lt;abp-progress&gt;
+  &lt;abp-progress-bar type=&quot;Success&quot; value=&quot;40&quot; strip=&quot;true&quot;/&gt;
+&lt;/abp-progress&gt;
+
+&lt;abp-progress&gt;
+  &lt;abp-progress-bar type=&quot;Dark&quot; value=&quot;10&quot; min-value=&quot;5&quot; max-value=&quot;15&quot;  strip=&quot;true&quot;&gt;%50&lt;/abp-progress-bar&gt;
+&lt;/abp-progress&gt;
+
+&lt;abp-progress&gt;
+  &lt;abp-progress-bar type=&quot;Success&quot; value=&quot;25&quot;/&gt;
+  &lt;abp-progress-bar type=&quot;Danger&quot; value=&quot;10&quot; strip=&quot;true&quot;&gt;%10&lt;/abp-progress-bar&gt;
+  &lt;abp-progress-bar type=&quot;Primary&quot; value=&quot;50&quot; animation=&quot;true&quot; strip=&quot;true&quot;/&gt;
+&lt;/abp-progress&gt;
+</pre>
+    </div>
+</div>

test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/ProgressBars.cshtml.cs

@@ -0,0 +1,17 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo.Pages.Components
+{
+    public class ProgressBarsModel : PageModel
+    {
+        public void OnGet()
+        {
+
+        }
+    }
+}

test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Index.cshtml

@@ -20,5 +20,6 @@
     <li><a asp-page="Components/tooltips">Tooltips</a></li>
     <li><a asp-page="Components/Popovers">Popovers</a></li>
     <li><a asp-page="Components/breadcrumbs">Breadcrumbs</a></li>
+    <li><a asp-page="Components/ProgressBars">Progress Bars</a></li>
 </ul>