{QTtext}{font: makeupman}{plain}{size:21}{textColor: 65280,65280,65280}{backColor: 0,0,0}{justify:center}{timeScale: 1000}{timeStamps:absolute}{keyedtext:off}{language:0}{height:126}{width:476}{textEncoding:0} [00:00:00.003] {backcolor:0,0,0} [00:00:02.000] [00:00:05.768] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}The Fluid Infusion Progress component provides an {plain}{bold}intuitive, customizable, [00:00:09.837] [00:00:09.839] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}and {plain}{bold}accessible {plain}{plain}linear progress display. [00:00:12.727] [00:00:12.873] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}Initially implemented as part of the Fluid Infusion Uploader, [00:00:17.073] [00:00:17.076] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}Progress has been refactored into a first class component, for use on its own, [00:00:21.737] [00:00:21.739] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}or incorporated into other designs. [00:00:25.387] [00:00:25.389] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}With a clean design, Progress clearly identifies its state with an animated progress bar, [00:00:35.493] [00:00:35.496] {font:makeupman}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}textual updates, [00:00:39.908] [00:00:39.911] {font:makeupman}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}and auditory announcements through various Assistive Technologies. [00:00:46.570] [00:00:46.573] {font:makeupman}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}[JAWS {plain}{italic}speaks: {plain}{plain}"33.5"] [00:00:50.265] [00:00:50.268] {font:makeupman}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}[JAWS {plain}{italic}speaks: {plain}{plain}"94"] [00:00:55.033] [00:00:55.036] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}The Progress component is fully customizable, placing control of the styling, markup, [00:01:01.978] [00:01:01.981] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}and behaviour in the hands of the integrator. [00:01:04.125] [00:01:04.128] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}By setting options, integrators can specify selectors for the various pieces of the Progress Component, [00:01:11.223] [00:01:11.226] {font:makeupman}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}and with CSS, it can look the way you want it to. [00:01:16.903] [00:01:16.906] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}All this works together to allow the Progress component to easily fit into the natural flow [00:01:22.590] [00:01:22.593] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}and aesthetics of your application. [00:01:25.312] [00:01:25.314] {font:Tahoma}{size:21}{textcolor:65280,65280,0}{backcolor:0,0,0}{justify:center}{plain}[NVDA {plain}{italic}identifies progress with tones of increasing pitch] [00:01:32.052] [00:01:32.292] [00:01:32.792]