<div class="copy"><div id="donat-info">Поддержка сайта</div><div id="danat-plus" onclick="window.open('https://qiwi.com/payment/form.action?provider=99&extra%5B%27account%27%5D=%2079093123793&amountInteger=100&amountFraction=00','name','500','300','yes');return false">+ ₽</div><div id="donat"><span></span><div title="Собрано">5604 ₽</div><div title="Годовое содержание">8500 ₽</div></div>

div#donat-info {color: #3b6785;
  font-size: 9px;
  margin-bottom: 5px;
  padding-left: 1px;
}
div#danat-plus {
  position: absolute;
  width: 30px;
  text-align: center;
  background: #2ecc71;
  border-radius: 2px;
  color: #fff;
  margin: -28px 0px 0px 190px;
  font-family: serif;
}
div#donat {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  width: 222px;
  background: #f4f4f4;
  height: 10px;
  border-radius: 4px;
  margin-top: -5px;
  margin-bottom: 35px;
  border: 1px solid;
  border-color: #ccd0d5;
}
div#donat span {
  max-width: 222px;
  background: #5181b8;
  height: 12px;
  position: absolute;
  border-radius: 4px;
  margin: -1px 0px 0px -1px;
}
div#donat div {color: darkmagenta;
  position: absolute;
  margin-top: 14px;font-family: font1;font-size:10px;
}
div#donat div:nth-child(2) {margin-left:1px;}
div#donat div:nth-child(3) {margin-left:188px;}

Donat = $('div#donat div:eq(0)').html();  
Donat = Donat.split('₽');
Donat = parseInt(Donat[0])/parseInt(8500)*222;
$('div#donat span').css({width:''+Donat+'px'});