eskp-app/1.0: static/less/progress-bars.less@84fbac065d51

     1 //

     2 // Progress bars

     3 // --------------------------------------------------

     6 // Bar animations

     7 // -------------------------

     9 // WebKit

    10 @-webkit-keyframes progress-bar-stripes {

    11   from  { background-position: 40px 0; }

    12   to    { background-position: 0 0; }

    13 }

    15 // Spec and IE10+

    16 @keyframes progress-bar-stripes {

    17   from  { background-position: 40px 0; }

    18   to    { background-position: 0 0; }

    19 }

    23 // Bar itself

    24 // -------------------------

    26 // Outer container

    27 .progress {

    28   overflow: hidden;

    29   height: @line-height-computed;

    30   margin-bottom: @line-height-computed;

    31   background-color: @progress-bg;

    32   border-radius: @border-radius-base;

    33   .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));

    34 }

    36 // Bar of progress

    37 .progress-bar {

    38   float: left;

    39   width: 0%;

    40   height: 100%;

    41   font-size: @font-size-small;

    42   line-height: @line-height-computed;

    43   color: @progress-bar-color;

    44   text-align: center;

    45   background-color: @progress-bar-bg;

    46   .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));

    47   .transition(width .6s ease);

    48 }

    50 // Striped bars

    51 .progress-striped .progress-bar {

    52   #gradient > .striped();

    53   background-size: 40px 40px;

    54 }

    56 // Call animation for the active one

    57 .progress.active .progress-bar {

    58   .animation(progress-bar-stripes 2s linear infinite);

    59 }

    63 // Variations

    64 // -------------------------

    66 .progress-bar-success {

    67   .progress-bar-variant(@progress-bar-success-bg);

    68 }

    70 .progress-bar-info {

    71   .progress-bar-variant(@progress-bar-info-bg);

    72 }

    74 .progress-bar-warning {

    75   .progress-bar-variant(@progress-bar-warning-bg);

    76 }

    78 .progress-bar-danger {

    79   .progress-bar-variant(@progress-bar-danger-bg);

    80 }

author	Jens-Uwe Grooss <j.-u.grooss@fz-juelich.de>
	Tue, 01 Apr 2025 22:07:15 +0200
changeset 1771	84fbac065d51
parent 53	3416f82943ea
permissions	-rwxr-xr-x