<!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>效果：
css 进度条
原文地址：https://www.cnblogs.com/mengfangui/p/10234780.html