<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>css 进度条</title> <style type="text/css"> .inner { width: 40%; max-width: 100%; height: 10px; background-image: linear-gradient(270deg, #F55 1%, #FF9C31 100%); border-radius: 22px; } </style> </head> <body> <div class="inner"> </div> </body></html>效果：
