diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index f3466ef..09efc82 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -157,3 +157,4 @@ - Updated the edges of the favicon. - Added grid demo on live page. - Deployed live demo. +- Added demo docs for progress bars. diff --git a/docs/v2/index.html b/docs/v2/index.html index ffc491b..b0bc892 100644 --- a/docs/v2/index.html +++ b/docs/v2/index.html @@ -28,7 +28,7 @@ -
+
@@ -67,13 +67,13 @@
-
-
-
-

Below you can see a showcase of the features and styles included in the default flavor of mini.css.

+
+
+
+

Below you can see a showcase of the features and styles included in the default flavor of mini.css.

+
-
@@ -189,7 +189,32 @@
+
+
+
+
+
+
+

Common Elements Styles for common HTML elements

+
+
+
+
+
+

mini.css adds modern styles for many of the HTML elements.

+

Progress bars

+

The <progress> element is used for progress bars. There are three color variants (default, secondary and tertiary), as well as an inline class that displays the progress bar as an inline block, along with a nano variant for tiny progress bars. Below are some examples:

+
+
+
+
+

Inline progress:

+

Nano progress:

+ +
+
+