Re: [clreq] Should bars in HTML progress, meter & input=range elements be read upwards or downwards in vertical text? (#500)

# Proposal to Enhance HTML `<progress>` Element for Vertical Writing Mode

## Overview  
This proposal suggests adding two new attributes to `<progress>` elements to better support vertical text layouts, particularly in languages like Chinese, where the reading direction and flow are culturally significant.

### Proposed Attributes  

1. **`direction`**(Controls progress bar flow)  
   - `horiRight` (default): Left to right  
   - `horiLeft`: Right to left  
   - `vertUp`: Bottom to top  
   - `vertDown`: Top to bottom  

2. **`show-arrow`** (Controls visibility of directional indicator)  
   - `true`: Shows direction arrow  
   - `false` (default): Hides arrow  

#### Example Usage  

```html
<progress value="50" max="100" direction="vertDown" show-arrow="true" aria-label="垂直向下进度条"></progress>
```

#### Visuals

![Vertical-Down Progress Bar](https://github.com/user-attachments/assets/2132fb14-1c2f-42ce-94d5-25408ffa3644)
![Vertical-Up Progress Bar](https://github.com/user-attachments/assets/ac4184a6-7c25-42bf-a335-1c96aa07adc3)
![Vertical Example Range Progress Bar](https://github.com/user-attachments/assets/ec921d00-9b75-4806-84a1-7835493e5ce1)

#### Benefits  
- **Direction Support**: Ensures proper reading order in vertical text layouts.  
- **Visual Clarity**: Optional arrow indicators for easier progress tracking.  
- **Accessibility**: Improved support for screen readers with ARIA labels.

This proposal aims to address the gap in current HTML semantics for vertical text scenarios, particularly in languages with traditional vertical writing formats.

-- 
GitHub Notification of comment by AlishChhetri
Please view or discuss this issue at https://github.com/w3c/clreq/issues/500#issuecomment-2730576062 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 17 March 2025 19:12:23 UTC