<style>

    #progress{

        width: 50%;

        height: 30px;

        border:1px solid #ccc;

        border-radius: 15px;

        margin: 50px 0 0 100px;

        overflow: hidden;

        box-shadow: 0 0 5px 0px #ddd inset;

    }

    #progress span {

        display: inline-block;

        width: 100%;

        height: 100%;

        background: #2989d8;

        /* Old browsers */

        background: -moz-linear-gradient(45deg, #2989d8 33%, #7db9e8 34%, #7db9e8 59%, #2989d8 60%);

        /* FF3.6+ */

        background: -webkit-gradient(linear, left bottom, right top, color-stop(33%,#2989d8), color-stop(34%,#7db9e8), color-stop(59%,#7db9e8), color-stop(60%,#2989d8));

        /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(45deg, #2989d8 33%,#7db9e8 34%,#7db9e8 59%,#2989d8 60%);

        /* Chrome10+,Safari5.1+ */