Jak zrobić pasek postępu js

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?

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.

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?

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.

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)

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.

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

:)

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

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!

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.