[Zlecę]Pasek dotacji

[krzysiek02 1]

Witam. Szukam kogoś kto mi zrobi i wrzuci pasek dotacji na stronę. Ma on działać następująco. Wpisujemy daną kwotę do zebrania która będzie pokazana na pasku jako 100% Gdy ktoś dokona darowizny ja w kodzie będę wprowadzał tą kwotę i na pasku powinna się ona zmienić w procenty. Dobrze by było aby pasek też zmieniał kolor. Np. od 0-50% czerwony od 50-75% żółty od 75-100% zielony.

 

Budżet: 30zł?

[GT_Lukasz 20]

Jedno zero jeszcze i biorę się za robotę.

[Gość Spoofy]

Jedno zero jeszcze i biorę się za robotę.

 

Albo za te dotacje

[krzysiek02 1]

Jedno zero jeszcze i biorę się za robotę.

 

Serio wyceniasz to na 300zł?

[Lindsey 19]

Haha 30 zł....

[wlodziu 49]

Przecież to nie ma co zlecać, to jest proste, do tego prosta matematyka

[krzysiek02 1]

Przecież to nie ma co zlecać, to jest proste, do tego prosta matematyka

 

Proste dla kogoś kto ma jakieś podstawy php

[wlodziu 49]

<?php

$kwota_do_zebrania = 100;

$kwota_zebrana = 20;

$procent = round(($kwota_zebrana/$kwota_do_zebrania)*100, 2);

echo '

<div style="background: red; width: 100%; height: 50px;">

<div style="width: '.$procent.'%; height: 50px; background: green;"></div>

</div>

';


?>

Edytowano Marzec 10, 2016 przez wlodziu (zobacz historię edycji)

[Westbam 64]

@up

Nic tylko pogratulować uczciwości.

 

@Dla tych co chcą dodawać zera

Pomyśl dopiero pisz.

[xorg 693]

@krzysiek02,

 

pod linkiem poniżej zamieszczam Ci kod na ładny, animowany pasek postępu który umieszczasz tylko po stronie frontnendu aplikacji (tj. kod html, javascript oraz CSS), nie potrzebujesz ingerować w pliki PHP. Do działania potrzebne jest jQuery, które zapewne na swojej stronie już posiadasz.

 

Jedyne co jest rozbieżne z Twoją prośbą to automatyczne wyliczanie procentów - musisz zrobić to sam na kalkulatorze a następnie zaokrąglić.

 

Procent wpisujesz tylko w jednym miejscu, w kodzie który wkleisz w miejscu gdzie pasek ma się pojawić:

<div class="meter animate">
	<span style="width: 80%"><span></span></span>
</div>

Kolory jak prosiłeś - czerwony, pomarańczowy oraz zielony.

 

Demo i skrypty do skopiowania pod linkiem obok -> https://jsfiddle.net/mjagsddx/

Edytowano Marzec 11, 2016 przez xorg (zobacz historię edycji)

[krzysiek02 1]

Ok. Dzięki wszystkim za pomoc.