ant-design/components/message/demo/loading.md

---
order: 3
title:
  zh-CN: 加载中
  en-US: Message of loading
---

## zh-CN

进行全局 loading，异步自行移除。

## en-US

Display a global loading indicator, which is dismissed by itself asynchronously.

````jsx
import { message, Button } from 'antd';

const success = () => {
  const hide = message.loading('Action in progress..', 0);
  // Dismiss manually and asynchronously
  setTimeout(hide, 2500);
};

ReactDOM.render(<Button onClick={success}>Display a loading indicator</Button>
, mountNode);
````
-												docs: update demo format

											
										
										
											2016-03-31 09:40:55 +08:00
+								---
 								order: 3
-												docs: translate message

											
										
										
											2016-07-04 10:44:55 +08:00
+								title:
 								  zh-CN: 加载中
 								  en-US: Message of loading
-												docs: update demo format

											
										
										
											2016-03-31 09:40:55 +08:00
+								---
-												Add loading message

											
										
										
											2015-09-07 12:27:09 +08:00
-												docs: translate message

											
										
										
											2016-07-04 10:44:55 +08:00
+								## zh-CN
-												Add loading message

											
										
										
											2015-09-07 12:27:09 +08:00
+								进行全局 loading，异步自行移除。
-												docs: translate message

											
										
										
											2016-07-04 10:44:55 +08:00
+								## en-US
 								Display a global loading indicator, which is dismissed by itself asynchronously.
-												docs: update docs format

											
										
										
											2017-02-13 10:55:53 +08:00
+								````jsx
-												ES6 syntax for demo code

fix antd.notification

											
										
										
											2015-10-28 20:55:49 +08:00
+								import { message, Button } from 'antd';
-												Add loading message

											
										
										
											2015-09-07 12:27:09 +08:00
-												fix prefer-const

											
										
										
											2016-07-21 18:05:15 +08:00
+								const success = () => {
-												fix eslint

											
										
										
											2016-07-21 21:19:37 +08:00
+								  const hide = message.loading('Action in progress..', 0);
-												docs: translate message

											
										
										
											2016-07-04 10:44:55 +08:00
+								  // Dismiss manually and asynchronously
-												Add loading message

											
										
										
											2015-09-07 12:27:09 +08:00
+								  setTimeout(hide, 2500);
 								};
-												docs: translate message

											
										
										
											2016-07-04 10:44:55 +08:00
+								ReactDOM.render(<Button onClick={success}>Display a loading indicator</Button>
-												use mountNode replace the long getElementById

											
										
										
											2015-12-29 12:08:58 +08:00
+								, mountNode);
-												Add loading message

											
										
										
											2015-09-07 12:27:09 +08:00
+								````