Knowledge

Throbber

Source 📝

122: 223:, which soon overtook Mosaic as the market-leading web browser, also featured a throbber. In version 1.0 of Netscape, this took the form of a big blue "N" (Netscape's logo at the time). The animation depicted the "N" expanding and contracting – hence the name "throbber". When Netscape unveiled its new logo (a different "N" on top of a hill), they held a competition to find an animation for it. The winning design (featuring the new-look "N" in a 375:" forms in order to create an animation effect. Unlike graphical activity indicators, the spinning bar is commonly combined with progress displays, since the lower resolution of character-based progress bars requires a separate indication of activity. Often, the spinning wheel is displayed at the position of the cursor, then also called "spinning cursor" or "rotating cursor". This use dates from early versions of the 25: 213: 326: 179:
It is normally possible for the user to continue interacting with the program while the throbber animated; one such possibility may be to press a "stop" button to cancel the action. Clicking the throbber itself might perform another action, such as opening the program's
272:
introduced a different pointer to indicate "working in background", and they are no longer included in all web browsers. Furthermore, even web browsers that do use them depict images less elaborate than their predecessors. Many browsers – like
348:) where an application within the web browser would wait for some operation to complete. Most of these throbbers were known as a "spinning wheel", which typically consist of 8, 10, or 12 part-radial lines or discs arranged in a circle, as if on a 171:
of the program. Throbbers are typically a still image (known as its resting frame), unless the program is performing an action, during which time the throbber is animated in a loop to convey to the user that the program is busy (and has not
204:
remained normal (and not a busy symbol, such as an hourglass); therefore, the throbber provided a visual indication that the program was performing an action. Clicking on the throbber would stop the page loading; later
152:
is performing an action in the background (such as downloading content, conducting intensive calculations or communicating with an external device). In contrast to a
197: 981: 250:
code. The use of web frames, a feature introduced later, leads WebExplorer to confusion on modern pages due to the way this feature was implemented.
568: 1037: 108: 1042: 482: 452: 428: 46: 498: 89: 61: 264:
Initially, throbbers tended to be quite large, but they reduced in size along with the size of toolbar buttons as
841: 561: 529: 297: 265: 145: 42: 68: 470:
The animation book: a complete guide to animated filmmaking--from flip-books to sound cartoons to 3-D animation
201: 235:'s blue "e" enjoyed similar status, though it only functioned as a throbber in early versions of the browser. 200:
logo that animated while Mosaic downloaded a web page. As the user could still interact with the program, the
1016: 35: 821: 667: 258: 75: 899: 376: 554: 126: 57: 790: 780: 702: 397: 356: 330: 308: 278: 254: 926: 866: 851: 758: 733: 697: 596: 342: 320: 325: 304:
agreements, had a custom throbber. For example, the version of Internet Explorer included with
871: 826: 591: 478: 474: 468: 448: 424: 392: 359:, the spinning wheel is commonly replaced by a fixed-width character which is cycled between " 232: 1011: 950: 935: 738: 616: 611: 577: 269: 173: 149: 914: 856: 811: 748: 728: 274: 246:
the opportunity to change the look and the animation of the throbber by using proprietary
239: 1006: 986: 960: 909: 753: 606: 228: 121: 82: 1031: 991: 846: 768: 418: 282: 224: 955: 763: 723: 682: 677: 652: 642: 601: 206: 153: 976: 945: 894: 831: 657: 502: 338: 301: 193: 24: 940: 785: 692: 349: 546: 1001: 996: 904: 878: 816: 687: 662: 647: 142: 212: 176:). Once the action is complete, the throbber returns to its resting frame. 352:, highlighted in turn as if a wave is moving clockwise around the circle. 286: 192:
One of the early (if not the earliest) uses of a throbber occurred in the
156:, a throbber does not indicate how much of the action has been completed. 836: 707: 672: 637: 621: 345: 220: 164: 861: 795: 743: 525: 290: 243: 227:) became very well known and almost became an unofficial symbol of the 181: 167:. Throbbers take various forms, but are commonly incorporated into the 160: 380: 289:
throbber in the tab while a page is loading and replace it with the
125:
A typical throbber animation like that seen on many websites when a
324: 216:
The Netscape logo, as seen in the top right of the browser window
16:
Animated graphic to indicate background action is being performed
247: 168: 550: 305: 18: 159:
Usually the throbber is found at the side of a program's
268:
developed. Their usefulness declined somewhat as most
969: 923: 887: 804: 716: 630: 584: 420:
Jargon Watch: A Pocket Dictionary for the Jitterati
49:. Unsourced material may be challenged and removed. 196:web browser of the early 1990s, which featured an 311:had an AOL throbber instead of the standard "e". 184:, or pausing or canceling the background action. 209:added a separate Stop button for this purpose. 473:(New Digital ed.), Three Rivers, p.  562: 8: 499:"OS/2 Web Explorer's proprietary html tags" 129:action is being performed in the background 569: 555: 547: 261:to change the throbber with a local file. 982:List of graphical user interface elements 109:Learn how and when to remove this message 293:of the page when loading has completed. 211: 120: 409: 300:CDs, or those customized according to 7: 47:adding citations to reliable sources 14: 285: – place a small 524:Håkon Wium Lie (13 March 1995). 467:Laybourne, Kit (December 1998), 337:Throbbers saw a resurgence with 23: 34:needs additional citations for 1: 526:"Arena: Command Line Options" 443:Cradler, Dan (October 1997), 729:Head-up display in computing 417:Branwyn, Gareth (May 1997), 296:Often browsers shipped with 445:Hacker's Guide to Navigator 1059: 1038:Graphical control elements 578:Graphical control elements 318: 530:World Wide Web Consortium 266:graphical user interfaces 146:graphical control element 383:utilities in the 1980s. 339:client side applications 1017:Zoomable user interface 822:Client-side decoration 334: 329:Loading screen in the 217: 130: 1043:Technology neologisms 900:Breadcrumb navigation 377:UNIX operating system 328: 215: 124: 357:text user interfaces 148:used to show that a 43:improve this article 505:on 21 December 1996 497:Frommert, Hartmut. 398:Windows wait cursor 259:command-line option 759:Progress indicator 734:HUD in video games 335: 321:Progress indicator 257:web browser has a 218: 137:, also known as a 131: 1025: 1024: 872:Window decoration 827:Disclosure widget 631:Data input-output 592:Adjustment handle 393:Spinning pinwheel 270:operating systems 233:Internet Explorer 119: 118: 111: 93: 1050: 970:Related concepts 951:Inspector window 936:Alert dialog box 929: 832:Frame / Fieldset 612:Hamburger button 571: 564: 557: 548: 541: 540: 538: 536: 521: 515: 514: 512: 510: 501:. Archived from 494: 488: 487: 464: 458: 457: 440: 434: 433: 414: 374: 370: 366: 362: 150:computer program 114: 107: 103: 100: 94: 92: 51: 27: 19: 1058: 1057: 1053: 1052: 1051: 1049: 1048: 1047: 1028: 1027: 1026: 1021: 965: 924: 919: 915:Virtual desktop 883: 800: 712: 626: 580: 575: 545: 544: 534: 532: 523: 522: 518: 508: 506: 496: 495: 491: 485: 466: 465: 461: 455: 447:, Waite Group, 442: 441: 437: 431: 416: 415: 411: 406: 389: 372: 368: 364: 360: 323: 317: 275:Mozilla Firefox 240:IBM WebExplorer 190: 115: 104: 98: 95: 52: 50: 40: 28: 17: 12: 11: 5: 1056: 1054: 1046: 1045: 1040: 1030: 1029: 1023: 1022: 1020: 1019: 1014: 1009: 1007:Widget toolkit 1004: 999: 994: 989: 987:Layout manager 984: 979: 973: 971: 967: 966: 964: 963: 961:Palette window 958: 953: 948: 943: 938: 932: 930: 921: 920: 918: 917: 912: 910:Navigation bar 907: 902: 897: 891: 889: 885: 884: 882: 881: 876: 875: 874: 864: 859: 854: 849: 844: 839: 834: 829: 824: 819: 814: 808: 806: 802: 801: 799: 798: 793: 788: 783: 778: 777: 776: 771: 766: 756: 754:Loading screen 751: 746: 741: 736: 731: 726: 720: 718: 714: 713: 711: 710: 705: 700: 695: 690: 685: 680: 675: 670: 665: 660: 655: 650: 645: 640: 634: 632: 628: 627: 625: 624: 619: 614: 609: 607:Drop-down list 604: 599: 594: 588: 586: 582: 581: 576: 574: 573: 566: 559: 551: 543: 542: 516: 489: 483: 459: 453: 435: 429: 408: 407: 405: 402: 401: 400: 395: 388: 385: 316: 315:Spinning wheel 313: 229:World Wide Web 189: 186: 117: 116: 31: 29: 22: 15: 13: 10: 9: 6: 4: 3: 2: 1055: 1044: 1041: 1039: 1036: 1035: 1033: 1018: 1015: 1013: 1010: 1008: 1005: 1003: 1000: 998: 995: 993: 992:Look and feel 990: 988: 985: 983: 980: 978: 975: 974: 972: 968: 962: 959: 957: 954: 952: 949: 947: 944: 942: 939: 937: 934: 933: 931: 928: 922: 916: 913: 911: 908: 906: 903: 901: 898: 896: 893: 892: 890: 886: 880: 877: 873: 870: 869: 868: 865: 863: 860: 858: 855: 853: 850: 848: 845: 843: 840: 838: 835: 833: 830: 828: 825: 823: 820: 818: 815: 813: 810: 809: 807: 803: 797: 794: 792: 789: 787: 784: 782: 779: 775: 772: 770: 769:Splash screen 767: 765: 762: 761: 760: 757: 755: 752: 750: 747: 745: 742: 740: 737: 735: 732: 730: 727: 725: 722: 721: 719: 717:Informational 715: 709: 706: 704: 701: 699: 696: 694: 691: 689: 686: 684: 681: 679: 676: 674: 671: 669: 668:Toggle switch 666: 664: 661: 659: 656: 654: 651: 649: 646: 644: 641: 639: 636: 635: 633: 629: 623: 620: 618: 615: 613: 610: 608: 605: 603: 600: 598: 595: 593: 590: 589: 587: 585:Command input 583: 579: 572: 567: 565: 560: 558: 553: 552: 549: 531: 527: 520: 517: 504: 500: 493: 490: 486: 480: 476: 472: 471: 463: 460: 456: 450: 446: 439: 436: 432: 426: 423:, Hardwired, 422: 421: 413: 410: 403: 399: 396: 394: 391: 390: 386: 384: 382: 378: 358: 353: 351: 347: 344: 340: 332: 327: 322: 314: 312: 310: 307: 303: 299: 294: 292: 288: 284: 283:Google Chrome 280: 276: 271: 267: 262: 260: 256: 251: 249: 245: 241: 236: 234: 230: 226: 225:meteor shower 222: 214: 210: 208: 203: 199: 195: 187: 185: 183: 177: 175: 170: 166: 162: 157: 155: 151: 147: 144: 140: 136: 128: 123: 113: 110: 102: 91: 88: 84: 81: 77: 74: 70: 67: 63: 60: –  59: 55: 54:Find sources: 48: 44: 38: 37: 32:This article 30: 26: 21: 20: 956:Modal window 888:Navigational 773: 764:Progress bar 724:Balloon help 683:Radio button 678:List builder 653:Cycle button 643:Color picker 602:Context menu 533:. Retrieved 519: 507:. Retrieved 503:the original 492: 469: 462: 444: 438: 419: 412: 354: 336: 295: 263: 252: 237: 219: 207:web browsers 191: 178: 158: 154:progress bar 139:loading icon 138: 134: 132: 105: 96: 86: 79: 72: 65: 53: 41:Please help 36:verification 33: 977:File viewer 946:File dialog 895:Address bar 658:Date picker 302:co-branding 194:NCSA Mosaic 1032:Categories 941:Dialog box 805:Containers 786:Status bar 693:Search box 484:0517886022 454:1571690948 430:1888869062 404:References 350:clock face 319:See also: 242:offered a 69:newspapers 58:"Throbber" 1002:Scrolling 997:Mouseover 905:Hyperlink 879:Workspace 817:Tree view 812:Accordion 688:Scrollbar 663:Grid view 648:Combo box 341:(such as 231:. Later, 99:June 2010 925:Special 837:Menu bar 774:Throbber 708:Text box 673:List box 638:Checkbox 622:Pie menu 387:See also 346:web apps 331:Telegram 221:Netscape 165:menu bar 143:animated 141:, is an 135:throbber 127:blocking 927:windows 862:Toolbar 847:Popover 796:Tooltip 781:Sidebar 744:Infobar 703:Spinner 371:" and " 291:favicon 287:annular 244:webpage 202:pointer 188:History 182:website 161:toolbar 83:scholar 867:Window 852:Ribbon 698:Slider 597:Button 535:6 June 509:18 May 481:  451:  427:  381:DR-DOS 174:frozen 85:  78:  71:  64:  56:  842:Panel 791:Toast 749:Label 309:disks 279:Opera 255:Arena 90:JSTOR 76:books 1012:WIMP 739:Icon 617:Menu 537:2010 511:2018 479:ISBN 449:ISBN 425:ISBN 379:and 367:", " 363:", " 343:Ajax 281:and 253:The 248:HTML 238:The 198:NCSA 169:logo 62:news 857:Tab 475:267 355:In 333:app 306:AOL 298:ISP 163:or 45:by 1034:: 528:. 477:, 277:, 133:A 570:e 563:t 556:v 539:. 513:. 373:\ 369:- 365:/ 361:| 112:) 106:( 101:) 97:( 87:· 80:· 73:· 66:· 39:.

Index


verification
improve this article
adding citations to reliable sources
"Throbber"
news
newspapers
books
scholar
JSTOR
Learn how and when to remove this message
A circle of mostly grey and some black segments, animated to appears as though it is moving clockwise
blocking
animated
graphical control element
computer program
progress bar
toolbar
menu bar
logo
frozen
website
NCSA Mosaic
NCSA
pointer
web browsers

Netscape
meteor shower
World Wide Web

Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.