From 4b0bd3a665f93f726a88ef8cc1f9789fdb1add14 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 28 Feb 2017 15:52:12 +0800 Subject: CHG: Fix Bars bug when larger than 100% width and update docs --- docs/components.html | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 1b280e8..1f9e4f2 100644 --- a/docs/components.html +++ b/docs/components.html @@ -90,6 +90,9 @@
  • Utilities
    • +
  • + EXP +
    • @@ -370,32 +373,34 @@
    -

    Bars experimental

    +

    Bars

    Bars represent the progress of a task or the value within the known range. Bars are custom components for displaying HTML5 progress and meter elements.

    -
    +
    -
    +
    -
    +
    +
    +
    25%
    -
    15%
    -
    10%
    -
    25%
    +
    15%
    +
    10%
    +
    15%
    -

    Add a container element with the class bar. And add child elements with the class bar-item. The width value is needed for every bar-item.

    +

    Add a container element with the class bar. And add child elements with the class bar-item. The width percentage value is needed for every bar-item.

    There is a class bar-sm for thinner Bars. Also, you could use Tooltips for each bar-item.

    -- cgit v1.3.1-23-gd82d