Jak zrobić pasek postępu js

0

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?

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.

0

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?

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.

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)

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.

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

:)

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

title

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!

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.

1 użytkowników online, w tym zalogowanych: 0, gości: 1