Progress bar portion of the View Details GUI for an electronic device

Abstract

1. Name of the product of this design: Progress bar portion of a graphical user interface for viewing details of an electronic device. 2. Purpose of this design product: for use in an electronic device. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Design 1 changing state diagram 2. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: The overall purpose is to display the current progress of text and graphics browsing based on the physical size according to the position and shape of the camera sensor on the electronic screen; the local purpose is to check the status of the progress bar. 7. Description of the changing states of the graphical user interface: In the main view of Design 1, click the title name (for example, "Main Title 1") to enter Design 1 Changing State Diagram 1; in Design 1 Changing State Diagram 1, swipe up the screen to enter Design 1 Changing State Diagram 2 and Design 1 Changing State Diagram 3 in sequence, and the top highlighted curve shows the swiping progress; in Design 1 Changing State Diagram 3, swipe left to enter Design 1 Changing State Diagram 4, Design 1 Changing State Diagram 5, and Design 1 Changing State Diagram 6 in sequence, switch to the details of the next unbrowsed topic, and the top progress bar is hidden; in Design 1 Changing State Diagram 6, swipe up the screen to enter Design 1 Changing State Diagram 7; in Design 1 Changing State Diagram 7, swipe right to enter Design 1 Changing State Diagram 8, Design 1 Changing State Diagram 9, and Design 1 Changing State Diagram 10 in sequence, switch to the details of the previous browsed topic, and the top progress bar is displayed; the human-computer interaction method of Design 2 is the same as that of Design 1, so the description is omitted. 8. Other situations that need to be explained Other explanations: The coated content is the content screen; the blue covered area does not belong to the content of the design for which protection is requested.

Images