From e3d7f0b4e0829f199d64390b0b7166ab5e963df5 Mon Sep 17 00:00:00 2001
From: memorte03 <morte@Patryks-MacBook-Air.local>
Date: Wed, 4 Dec 2019 11:09:20 +0100
Subject: [PATCH 1/2] Added progress color to the documentation

---
 pages/_docs/progress.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/pages/_docs/progress.md b/pages/_docs/progress.md
index 9f32dc4c9..867cbb97b 100644
--- a/pages/_docs/progress.md
+++ b/pages/_docs/progress.md
@@ -36,3 +36,9 @@ You can also use native HTML5 `<progress>` element.
 {% example html %}
 <progress class="progress progress-sm" value="15" max="100" />
 {% endexample %}
+
+### Progress color
+
+{% example %}
+{% include ui/progress.html size="sm" color="purple"%} 
+{% endexample %}
\ No newline at end of file

From be93b5b7cbf0532a0684a0276bfefd1a1eb84c8c Mon Sep 17 00:00:00 2001
From: Dawid Harat <dawidharat03@gmail.com>
Date: Sun, 8 Dec 2019 19:28:02 +0100
Subject: [PATCH 2/2] fulfilled progress docs

---
 pages/_docs/progress.md | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/pages/_docs/progress.md b/pages/_docs/progress.md
index 867cbb97b..5cb28134c 100644
--- a/pages/_docs/progress.md
+++ b/pages/_docs/progress.md
@@ -11,20 +11,26 @@ To create a default progress bar, add a `.progress` class to a `<div>` element:
 {% include ui/progress.html %}
 {% endexample %}
 
-### Small progress
+### Progress size
+
+Using Bootstrap’s typical naming structure, you can create a standard progress, or scale it up to different sizes based on what’s needed.
 
 {% example html %}
 {% include ui/progress.html value=57 size="sm" %}
 {% endexample %}
 
-### Progress with value
+### Progress without value
+
+Remove the showed value by adding a class called `.sr-only`.
 
 {% example html %}
-{% include ui/progress.html value=75 show-value=true %}
+{% include ui/progress.html value=75 show-value=false %}
 {% endexample %}
 
 ### Indeterminate progress
 
+To create indeterminate progress add `.progress-bar-indeterminate` to the `.progress-bar` element.
+
 {% example html %}
 {% include ui/progress.html indeterminate=true size="sm" %}
 {% endexample %}
@@ -34,11 +40,13 @@ To create a default progress bar, add a `.progress` class to a `<div>` element:
 You can also use native HTML5 `<progress>` element.
 
 {% example html %}
-<progress class="progress progress-sm" value="15" max="100" />
+<progress class="progress progress-sm" value="15" max="100"/>
 {% endexample %}
 
 ### Progress color
 
+Customize the color of the progress bar. You can click [here]({% docs_url colors %}) to see the list of available colors.
+
 {% example %}
 {% include ui/progress.html size="sm" color="purple"%} 
 {% endexample %}
\ No newline at end of file