.porcentaje {
background-image: -webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);
background-image: -o-linear-gradient(top,#428bca 0,#2d6ca2 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#428bca),to(#2d6ca2));
background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #2b669a;
	color:#fff;
    height: auto;
    width: 0;
  }

#progress_bar {
    font-size: 14px;
    clear: both;
    display: none;
    opacity: 0;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
  }
  
 #progress_bar_firma {
    font-size: 14px;
    clear: both;
    display: none;
    opacity: 0;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
  }