Progressbar - zmiana z poziomu na okrąg

Progressbar - zmiana z poziomu na okrąg
MM
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 4
0

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ć.

IM
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 46
0

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.

MM
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 4
0

Co masz na myśli pisząc "rysując po prostu jakąś część" ? Bo nie rozumiem troszeczkę :)

IM
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 46
0

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?

MM
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 4
0

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.

LukeJL
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 8488
1

to jest do napisania w 5-10 minut używając Canvas:
http://jsfiddle.net/rgp6qrtp/

możesz też użyć SVG...

MM
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 4
0

no tak Tylko to co Ty @LukeJL podałeś to jest tam też .js więc muszę zmienić w swoim .js na to co jest poodane tam a ja trochę js nie ogarniam :)

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.