Witam,
szukałem w internecie jak zrobić pasek postępu w js, ale tylko css się pokazywał. Czy ma ktoś poradnik jak zrobić go w js?
- Rejestracja:prawie 7 lat
- Ostatnio:ponad rok
- Lokalizacja:Poznań
- Postów:46
1
Pierwszy Google z hasłem "js progress bar" i proszę: https://www.w3schools.com/howto/howto_js_progressbar.asp
Nie unikniesz jakiegoś podstawowego CSSa, bo to on dba o warstwę prezentacji, ale generalnie tutaj ograniczony jest do minimum.
Gouda105
O, dzięki za pomoc.
- Rejestracja:ponad 7 lat
- Ostatnio:5 dni
- Postów:487
2
To nie jest kwestia JS ani żadnego innego języka, ale samej matematyki.
Czy wiesz, jak byś mógł to obliczyć sobie na kartce? Jeśli będziesz w stanie to zrobić ręcznie, to nie powinno być problemów z przeniesieniem tego do komputera.
- Rejestracja:ponad 7 lat
- Ostatnio:5 dni
- Postów:487
0
cerrato napisał(a):
To nie jest kwestia JS ani żadnego innego języka, ale samej matematyki.
Czy wiesz, jak byś mógł to obliczyć sobie na kartce? Jeśli będziesz w stanie to zrobić ręcznie, to nie powinno być problemów z przeniesieniem tego do komputera.
Wiem, że da się to matematyką zrobić, ale myślałem, że można jakąś funkcją to zrobić (czytelniej by było)
made my day xD
Sam zrób taką funkcję. Będzie jednocześnie matematyką i czytelnie.
3
Nie wiem, czy jest jakaś gotowa funkcja, szczerze mówiąc nigdy mi nie przyszło do głowy, żeby takiej szukać, bo obliczenie tego, o czym piszesz to dosłownie 2-3 trywialne działania. Więcej czasu bym stracił na szukanie funkcji, niż na obliczenie tego samodzielnie.
- Rejestracja:około 11 lat
- Ostatnio:4 minuty
- Postów:8407
2
z paskiem postępu w JS jest problem taki, że rzadko kiedy można przewidzieć - np. ciągniesz jakieś dane przez AJAX i nie wiesz ile procentów jest załadowane (chyba, przynajmniej tyle o ile wiem. No ale tak czy siak, nigdzie nie widzę, żeby był pasek postępu, tylko są jakieś ogólne migajki, np. kręcące się kółka itp.).
Jeszcze tak szybko zapytam - jak w JS sprawdzić jakim procentem liczby jest zmienna? NP.: zmienna = 5, liczba = 10 i jak sprawdzić jakim procentem liczby jest zmienna?
Kiedyś tego uczyli w 4 klasie podstawówki... Anyway, w Google znajdziesz odpowiedź na to pytanie.
http://lmgtfy.com/?q=jak+sprawdzi%C4%87+jakim+procentem+liczby+jest+druga+liczba
:)
- Rejestracja:ponad 9 lat
- Ostatnio:11 miesięcy
- Postów:4700
4
cerrato napisał(a):
To nie jest kwestia JS ani żadnego innego języka, ale samej matematyki.
Czy wiesz, jak byś mógł to obliczyć sobie na kartce? Jeśli będziesz w stanie to zrobić ręcznie, to nie powinno być problemów z przeniesieniem tego do komputera.
Prezentujesz staroświeckie podejście do programowania i obejrzałeś zdecydowanie zbyt mało odcinków kołcza Aniserowicza. Programista nie musi znać matematyki, nie musi nawet programować.
Prawilny programista JS w celu obliczenia procentu ściąga z npm paczkę percent i z dynki.
https://www.npmjs.com/package/percent
const percent = require('percent');
console.log(percent.calc(5, 20, 0)); // => 25
ej, OP to jeszcze na poważnie weźmie, a przecież afera left-pad, która wstrząsnęła światem JSa zaczęła się właśnie od takiego podejścia.
3
Jedyne co mogę napisać w odpowiedzi na wpis @Haskell to cytat z Anny Marii Jopek:
Niech ktoś zatrzyma wreszcie świat, ja wysiadam
Na pierwszej stacji, teraz, tu!
I którzy, mimo upływu ponad 20 lat, nadal uważaja, że została ona bardzo skrzywdzona na eurowizji.
- Rejestracja:prawie 7 lat
- Ostatnio:ponad 3 lata
- Postów:3394
2
Sugeruję użyć elementu html5:
https://www.w3schools.com/tags/tag_progress.asp
https://css-tricks.com/html5-progress-element/
Całe JS do tego, to ustawienie obiektowi <progress> właściwego walue.
No chyba, że chcesz zrobić symulację paska progresu, który tylko wyświetla animację niezależną od właściwego stopnia zaawansowania.
Zobacz pozostały 1 komentarz
A potem siedzi, szuka i wrzuca posty :P
Myślałem, że tylko ja tak mam ;) A jak się uda jakąś literówkę znaleźć.. potem jest "post edytowany 37 razy, ostatnio xxxx" :D
haha, też tak robię. Tzn. sam się uczę, sam jak odpowiadam innym (
sam sobie tłumaczyć:), i też z tym czytaniem postów i edytowaniem ich po kilka razy xD