cursor-018

Cursor set to 'progress'

WeasyPrint

This browser

Flags
interact
Assertion
Cursor 'progress' results in a cursor that indicates something is in progression.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3     <head>
 4         <title>CSS Test: Cursor set to 'progress'</title>
 5         <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/ui/cursor/001.html">
 6         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 7         <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor">
 8         <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">
 9         <meta name="flags" content="interact">
10         <meta name="assert" content="Cursor 'progress' results in a cursor that indicates something is in progression.">
11         <style type="text/css">
12             div
13             {
14                 border: solid 2px blue;
15                 cursor: progress;
16                 height: 200px;
17                 width: 500px;
18             }
19         </style>
20     </head>
21     <body>
22         <p>Test passes if a progress cursor appears when the mouse cursor is inside the blue box. (Such progess cursor often resembles a spinning beach ball, an arrow with a watch or an arrow with an hourglass.)</p>
23         <div></div>
24     </body>
25 </html>