Witam, mam kod na progress bar który wyświetla poziom w poziomym pasku a chciałbym żeby wyświetlał postęp w okręgu.
W załączniku daję .js tego progressbaru. Jeżeli ktoś wie jak to zrobić to prosiłbym o edycję lub wytłumaczenie jak to zrobić.
Progressbar - zmiana z poziomu na okrąg
- Rejestracja: dni
- Ostatnio: dni
- Postów: 4
- Rejestracja: dni
- Ostatnio: dni
- Postów: 46
Nie chce mi się przeglądać, ani pobierać tego kodu, ale możesz zrobić kołowego progress-bara rysując po prostu jakąś część koła, co raczej jest trywialne.
- Rejestracja: dni
- Ostatnio: dni
- Postów: 4
Co masz na myśli pisząc "rysując po prostu jakąś część" ? Bo nie rozumiem troszeczkę :)
- Rejestracja: dni
- Ostatnio: dni
- Postów: 46
No wyobrażam sobie, że taki standardowy progressbar to zwykły prostokąt, który jest wypełniony w takiej części, że reprezentuje ona aktualny postęp. Czyli w przypadku postępu x% masz zamalowane x% tego prostokątu. Teraz Twój problem: kołowy progressbar. 100% to całe koło, x% to jakiś wycinek koła. Co tutaj nie jest jasne?
- Rejestracja: dni
- Ostatnio: dni
- Postów: 4
no i właśnie jeżeli dodasz teraz jakiś wycinek koła to ten wycinek będzie się powielał w poziomie nie zmieni swojego położenia tak aby utworzył koło.
- Rejestracja: dni
- Ostatnio: dni
- Postów: 8488
to jest do napisania w 5-10 minut używając Canvas:
http://jsfiddle.net/rgp6qrtp/
możesz też użyć SVG...