.meter {
                        height: 16px;  /* Can be anything */
                        position: relative;
                        margin: 0; /* Just for demo spacing */
                        background: white;
                       /* border: 1px solid #555; */
                        padding: 0px;
                        font-size: 15px;
                        line-height: 16px;
                        border: 1px solid #d4d4d4;
                }
                .meter > span {
                        display: block;
                        height: 100%;
                        background-color: rgb(43,194,83);
                        position: relative;
                        /* overflow: hidden; */
                        max-width: 100%;
                        color: white;
                }
                .meter > span:after, .animate > span > span {
                        content: "";
                        position: absolute;
                        top: 0; left: 0; bottom: 0; right: 0;
                        z-index: 1;
                        -webkit-background-size: 50px 50px;
                        -moz-background-size: 50px 50px;
                        -webkit-animation: move 2s linear infinite;
                        overflow: hidden;
                }

                .animate > span:after {
                        display: none;
                }

                @-webkit-keyframes move {
                    0% {
                       background-position: 0 0;
                    }
                    100% {
                       background-position: 50px 50px;
                    }
                }

                .orange > span {
                        background-color: #f1a165;
                        text-align: center;
                }

                .yellow > span {
                        background-color: yellow;
                        text-align: center;
                }

                .lime > span {
                        background-color: lime;
                        text-align: center;
                }

                .green > span {
                        background-color: rgb(43,194,83);
                        text-align: center;
                }

                .blue > span {
                        background-color: rgb(0, 157, 255);
                        text-align: center;
                }

                .red > span {
                        background-color: red;
                        text-align: center;

                }

                .gray > span {
                        background-color: #555;
                        text-align: center;
                }

                .nostripes > span > span, .nostripes > span:after {
                        -webkit-animation: none;
                        background-image: none;
                }